.login-page{--login-navy: #0C1F3F;--login-gold: #d4bc92;--login-gold-light: #D4C49A;--login-gold-dark: #B09560;--login-gold-rgb: 194, 168, 120}.login-page *{box-sizing:border-box}.login-page{min-height:100svh;display:flex;align-items:center;justify-content:center;background:var(--login-navy);font-family:Inter,sans-serif;color:#fff;padding:24px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--login-gold-rgb),.04) 0%,transparent 70%);pointer-events:none}.login-container{width:100%;max-width:460px;position:relative;z-index:1}.login-brand{text-align:center;margin-bottom:72px}.login-brand img{width:48px;height:48px;margin-bottom:16px}.login-brand h1{font-family:Inter,sans-serif;font-size:32px;font-weight:300;letter-spacing:2px;margin:0 0 6px;color:#fff}.login-brand .tagline{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--login-gold);font-weight:400}.login-card{background:#ffffff08;border:1px solid rgba(var(--login-gold-rgb),.15);border-radius:16px;padding:40px 36px}.login-welcome{text-align:center;margin-bottom:32px}.login-welcome h2{font-family:Inter,sans-serif;font-size:26px;font-weight:500;margin:0 0 8px;color:#fff}.login-welcome p{font-size:14px;color:#ffffff80;margin:0;line-height:1.5}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border-radius:10px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;cursor:pointer;transition:all .3s ease;border:none;letter-spacing:.3px}.login-btn svg{width:20px;height:20px;flex-shrink:0}.login-btn-google{background:linear-gradient(135deg,var(--login-gold-light) 0%,var(--login-gold) 50%,var(--login-gold-dark) 100%);color:var(--login-navy);margin-bottom:12px}.login-btn-google:hover{box-shadow:0 4px 20px rgba(var(--login-gold-rgb),.3);transform:translateY(-1px)}.login-btn-linkedin{background:transparent;color:#fff;border:1px solid rgba(var(--login-gold-rgb),.3)}.login-btn-linkedin:hover{border-color:rgba(var(--login-gold-rgb),.6);background:rgba(var(--login-gold-rgb),.05)}.login-divider{display:flex;align-items:center;gap:16px;margin:28px 0}.login-divider span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;white-space:nowrap}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:rgba(var(--login-gold-rgb),.15)}.login-input{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(var(--login-gold-rgb),.15);border-radius:10px;font-family:Inter,sans-serif;font-size:15px;color:#fff;outline:none;transition:border-color .3s;margin-bottom:12px}.login-input::placeholder{color:#ffffff4d}.login-input:focus{border-color:rgba(var(--login-gold-rgb),.4)}.login-btn-magic{background:transparent;color:#fff;border:1px solid rgba(var(--login-gold-rgb),.2);width:100%}.login-btn-magic:hover{border-color:rgba(var(--login-gold-rgb),.5);background:rgba(var(--login-gold-rgb),.05)}.login-btn-magic:disabled{opacity:.5;cursor:not-allowed}.login-terms{text-align:center;font-size:12px;color:#ffffff59;margin-top:28px;line-height:1.6}.login-terms a{color:var(--login-gold);text-decoration:none}.login-terms a:hover{text-decoration:underline}.login-back{text-align:center;margin-top:24px}.login-back a{font-size:13px;color:#fff6;text-decoration:none;transition:color .3s;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 12px}.login-back a:hover{color:var(--login-gold)}.login-btn-primary{background:linear-gradient(135deg,var(--login-gold-light) 0%,var(--login-gold) 50%,var(--login-gold-dark) 100%);color:var(--login-navy);margin-bottom:0;font-weight:500}.login-btn-primary:hover{box-shadow:0 4px 20px rgba(var(--login-gold-rgb),.3);transform:translateY(-1px)}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-link{font-size:13px;color:var(--login-gold);text-decoration:none;transition:opacity .2s;display:inline-flex;align-items:center;min-height:44px;padding:4px 8px}.login-link:hover{opacity:.8;text-decoration:underline}.login-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.login-subtext{text-align:center;font-size:13px;color:#fff6;margin-top:20px}.login-subtext a{color:var(--login-gold);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:4px 8px}.login-subtext a:hover{text-decoration:underline}.otp-container{display:flex;gap:8px;justify-content:center;margin:24px 0}.otp-slot{width:48px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--login-gold-rgb),.2);border-radius:10px;background:#ffffff0a;font-size:22px;font-weight:500;color:#fff;transition:border-color .2s}.otp-slot[data-active=true]{border-color:rgba(var(--login-gold-rgb),.6);background:rgba(var(--login-gold-rgb),.06)}.otp-caret{display:inline-block;width:2px;height:22px;background:var(--login-gold);animation:caret-blink 1s ease-out infinite}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.backup-codes-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;padding:16px;background:#ffffff08;border:1px solid rgba(var(--login-gold-rgb),.15);border-radius:10px}.backup-code{font-family:Courier New,monospace;font-size:13px;color:var(--login-gold);text-align:center;padding:4px 0;letter-spacing:1px}.qr-container{display:flex;justify-content:center;margin:20px 0;padding:16px;background:#fff;border-radius:12px}.login-info-box{padding:14px 16px;border-radius:10px;border:1px solid rgba(var(--login-gold-rgb),.2);background:rgba(var(--login-gold-rgb),.05);font-size:13px;color:#fff9;line-height:1.6;margin-bottom:20px}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:28px 22px}.login-brand{margin-bottom:48px}.login-welcome{margin-bottom:24px}.login-welcome h2{font-size:22px}}