.login-stage{--lg-bg:#0c0d11;--lg-card:#181b22;--lg-secondary:#22262e;--lg-muted:#9aa0ad;--lg-border:#262a33;--lg-fg:#f2f3f6;--lg-sunken:#0a0b0f;--lg-primary:#f60;--lg-primary-fg:#09090b;--lg-glow:#ff8a3d;--lg-deep:#c24e00;--lg-gold:#d9bd7e;--lg-diamond:#47d4fa;--lg-amber:#e0b25a;--lg-success:#5cb88c;--lg-grad:linear-gradient(135deg, #c24e00, #f60, #ff8a3d);--lg-grad-soft:linear-gradient(135deg, #c24e0029, #ff660024, #ff8a3d1f);--lg-ease:cubic-bezier(.22, 1, .36, 1);--lg-radius:.75rem;--lg-shadow-elegant:0 10px 30px -10px #f606;--lg-shadow-modal:0 40px 90px -30px #000000d9, 0 0 0 1px #ff660024, 0 0 60px -18px #f606;min-height:100vh;background:var(--lg-bg);min-height:100dvh;color:var(--lg-fg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative;overflow-x:hidden}.login-stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(760px 560px at 18% 6%,#ff66001a,#0000 60%),radial-gradient(700px 620px at 88% 96%,#c24e001c,#0000 62%);position:fixed;inset:0}.login-stage .tnum{font-variant-numeric:tabular-nums}.login-panel{z-index:1;flex:auto;justify-content:center;align-items:center;padding:48px 24px;display:flex;position:relative}.login-card{z-index:2;width:100%;max-width:420px;animation:lg-rise .7s var(--lg-ease) both;flex-direction:column;display:flex;position:relative}@keyframes lg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.login-card .brand{margin-bottom:30px}.login-card .brand svg{color:var(--lg-fg)}.login-card .eyebrow{background:var(--lg-grad-soft);letter-spacing:.05em;text-transform:uppercase;color:var(--lg-glow);border:1px solid #ff660047;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin-bottom:15px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.login-card .eyebrow svg{width:13px;height:13px}.login-card h1.title{letter-spacing:-.02em;margin:0 0 10px;font-size:32px;font-weight:800;line-height:1.1}.login-card .subtitle{color:var(--lg-muted);max-width:36ch;margin:0 0 24px;font-size:15px;line-height:1.5}.login-card .login-form{flex-direction:column;gap:13px;display:flex}.login-card .field label{color:var(--lg-muted);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.login-card .input-wrap{align-items:center;display:flex;position:relative}.login-card .input-wrap>svg{width:17px;height:17px;color:var(--lg-muted);pointer-events:none;transition:color .25s var(--lg-ease);position:absolute;left:14px}.login-card input[type=email]{background:var(--lg-sunken);border:1px solid var(--lg-border);border-radius:var(--lg-radius);width:100%;color:var(--lg-fg);transition:border-color .25s var(--lg-ease),box-shadow .25s var(--lg-ease);outline:none;padding:14px 14px 14px 42px;font-family:inherit;font-size:15px}.login-card input[type=email]::placeholder{color:#61646e}.login-card input[type=email]:focus{border-color:var(--lg-primary);box-shadow:0 0 0 1px #ff660059,0 0 0 4px #ff66001f}.login-card .input-wrap:focus-within>svg{color:var(--lg-glow)}.login-card .field-error{color:#e88a8c;margin:6px 0 0;font-size:12px}.login-card .btn{border-radius:var(--lg-radius);letter-spacing:.01em;width:100%;color:var(--lg-fg);cursor:pointer;transition:transform .2s var(--lg-ease),box-shadow .25s var(--lg-ease),background .25s var(--lg-ease);border:none;justify-content:center;align-items:center;gap:9px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.login-card .btn:disabled{opacity:.7;cursor:default}.login-card .btn svg{width:17px;height:17px}.login-card .btn-primary,.login-stage .modal .btn-primary{color:var(--lg-primary-fg);background:var(--lg-grad);box-shadow:var(--lg-shadow-elegant),inset 0 1px #ffffff2e;background-size:160% 160%}.login-card .btn-primary:hover:not(:disabled),.login-stage .modal .btn-primary:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 16px 36px -12px #ff6600d9,inset 0 1px #ffffff38}.login-card .btn-primary:active:not(:disabled){transform:translateY(0)}.login-card .btn-ghost,.login-stage .modal .btn-ghost{background:var(--lg-card);border:1px solid var(--lg-border)}.login-card .btn-ghost:hover,.login-stage .modal .btn-ghost:hover{background:#1d212a;border-color:#33384a;transform:translateY(-1px)}.login-card .google-slot button{border-radius:var(--lg-radius);background:var(--lg-card);border:1px solid var(--lg-border);width:100%;height:auto;color:var(--lg-fg);padding:14px 18px;font-size:15px;font-weight:600}.login-card .google-slot button:hover{background:#1d212a;border-color:#33384a}.login-card .divider{color:#5a5d67;align-items:center;gap:14px;margin:3px 0;font-size:12px;font-weight:500;display:flex}.login-card .divider:before,.login-card .divider:after{content:"";background:var(--lg-border);flex:1;height:1px}.login-card .trust{color:var(--lg-muted);align-items:flex-start;gap:9px;margin-top:18px;font-size:12.5px;line-height:1.5;display:flex}.login-card .trust svg{width:15px;height:15px;color:var(--lg-primary);flex-shrink:0;margin-top:1px}.login-card .foot{border-top:1px solid var(--lg-border);color:var(--lg-muted);margin-top:26px;padding-top:22px;font-size:13.5px}.login-card .foot a{color:var(--lg-glow);transition:opacity .2s var(--lg-ease);font-weight:600;text-decoration:none}.login-card .foot a:hover{opacity:.82;text-underline-offset:3px;text-decoration:underline}.login-card .verifying{min-height:180px;animation:lg-rise .4s var(--lg-ease) both;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;display:flex}.login-card .verify-spin{background:var(--lg-grad-soft);border:1px solid #ff66004d;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.login-card .verify-spin svg{width:24px;height:24px;color:var(--lg-glow);animation:1s linear infinite lg-spin}@keyframes lg-spin{to{transform:rotate(360deg)}}.login-card .verify-txt{font-size:16px;font-weight:600}.login-card .verify-txt span{color:var(--lg-muted);margin-top:4px;font-size:13px;font-weight:500;display:block}.login-card .success,.login-card .content-only{animation:lg-rise .5s var(--lg-ease) both;flex-direction:column;align-items:flex-start;display:flex}.login-card .chip{letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.login-card .chip svg{width:13px;height:13px}.login-card .chip.gold{color:var(--lg-gold);background:#d9bd7e21;border:1px solid #d9bd7e52}.login-card .chip.amber{color:var(--lg-amber);background:#e0b25a21;border:1px solid #e0b25a52}.login-card .chip.brand{color:var(--lg-glow);background:#ff660024;border:1px solid #ff660057}.login-card .success-badge{background:#5cb88c21;border:1px solid #5cb88c57;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:18px;display:flex}.login-card .success-badge svg{width:27px;height:27px;color:var(--lg-success)}.login-card .state-ico{background:var(--lg-grad-soft);border:1px solid #ff660052;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.login-card .state-ico svg{width:26px;height:26px;color:var(--lg-glow)}.login-card .success h2,.login-card .content-only h2{letter-spacing:-.02em;margin:0 0 10px;font-size:25px;font-weight:800}.login-card .success p,.login-card .content-only p{color:var(--lg-muted);max-width:38ch;margin:0 0 22px;font-size:14.5px;line-height:1.55}.login-card .success p b,.login-card .content-only p b{color:var(--lg-fg);font-weight:600}.login-card .content-only .btn{margin-bottom:11px}.login-card .content-only .btn:last-of-type{margin-bottom:0}.login-card .linkbtn{color:var(--lg-glow);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:18px;padding:0;font-family:inherit;font-size:13.5px;font-weight:600}.login-card .linkbtn:hover{text-underline-offset:3px;text-decoration:underline}.login-stage .modal-overlay{z-index:300;-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .28s var(--lg-ease),visibility .28s var(--lg-ease);background:#06070ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-stage .modal-overlay.show{opacity:1;visibility:visible}.login-stage .modal{width:100%;max-width:440px;box-shadow:var(--lg-shadow-modal);opacity:0;transition:transform .34s var(--lg-ease),opacity .34s var(--lg-ease);background:linear-gradient(#1e212af7,#14161cf7);border:1px solid #ff66006b;border-radius:1.5rem;padding:34px 32px 30px;position:relative;transform:translateY(16px)scale(.97)}.login-stage .modal-overlay.show .modal{opacity:1;transform:none}.login-stage .modal-x{border:1px solid var(--lg-border);width:34px;height:34px;color:var(--lg-muted);cursor:pointer;transition:all .2s var(--lg-ease);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:15px;right:15px}.login-stage .modal-x:hover{color:var(--lg-fg);background:#ffffff0a;border-color:#33384a}.login-stage .modal-x svg{width:16px;height:16px}.login-stage .modal-icon{background:linear-gradient(135deg,#c24e004d,#f603);border:1px solid #ff66005c;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.login-stage .modal-icon svg{width:26px;height:26px;color:var(--lg-glow)}.login-stage .modal h2{letter-spacing:-.02em;margin:0 0 12px;font-size:23px;font-weight:800}.login-stage .modal p{color:var(--lg-muted);margin:0 0 24px;font-size:14.5px;line-height:1.6}.login-stage .modal p b{color:var(--lg-glow);font-weight:600}.login-stage .modal-actions{flex-direction:column;gap:11px;display:flex}.login-stage .modal .btn{border-radius:var(--lg-radius);width:100%;color:var(--lg-fg);cursor:pointer;transition:transform .2s var(--lg-ease),box-shadow .25s var(--lg-ease),background .25s var(--lg-ease);border:none;justify-content:center;align-items:center;gap:9px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.login-stage .modal .btn svg{width:17px;height:17px}@media(max-width:900px){.login-stage{flex-direction:column}.login-panel{flex:none;min-width:0;padding:34px 22px 48px}.login-card{max-width:460px;margin:0 auto}}@media(max-width:560px){.login-card h1.title{font-size:27px}}@media(prefers-reduced-motion:reduce){.login-card,.login-card .verifying,.login-card .success,.login-card .content-only,.login-card .verify-spin svg{animation:none}.login-stage .modal-overlay,.login-stage .modal{transition:none}}