body{font-family:"Segoe UI",sans-serif;background:linear-gradient(to right,#2c3e50,#3498db);margin:0;padding:0}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.login-box{background:#fff;padding:40px 30px;border-radius:12px;max-width:400px;width:100%;box-shadow:0 0 15px rgba(0,0,0,.15);text-align:center}.logo-container img{max-width:120px;margin-bottom:15px}.login-box h2{color:#2c3e50;margin-bottom:25px}.form-group{margin-bottom:18px;text-align:left}.form-control{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:15px}.checkbox-group{display:flex;align-items:center;font-size:14px;gap:8px;margin-bottom:20px}.btn-login{width:100%;padding:12px;background-color:#3498db;border:0;color:#fff;font-size:16px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.btn-login:hover{background-color:#2980b9}.external-logins{margin-top:20px}.btn-external{width:100%;padding:10px;margin-top:10px;background-color:#eee;border:1px solid #ccc;color:#333;border-radius:6px;cursor:pointer;transition:background-color .3s}.btn-external:hover{background-color:#ddd}.text-danger{color:#e74c3c;font-size:13px}#qrCode canvas{width:100%!important;height:auto!important;max-width:220px;max-height:220px;display:block;margin:0 auto}.qrCodeWrapper{display:flex;justify-content:center;align-items:center}#qrCodeWrapper{max-width:100%;box-sizing:border-box;padding:14px;background-color:#fff;border:2px dashed #ccc;border-radius:20px;display:flex;align-items:center;justify-content:center}.countdown{font-size:1.1rem;letter-spacing:.5px}