.login-container{--au-bg:#050508;--au-surface:#0c0e15;--au-surface-2:#12151e;--au-border:#ffffff1a;--au-border-strong:#ffffff2e;--au-text:#f5f7fb;--au-text-dim:#c3cce0;--au-cyan:#2bd9f5;--au-blue:#2f6bff;--au-violet:#7b3cff;--au-magenta:#e23cf0;--au-danger:#ff7a85;--au-aurora:linear-gradient(90deg,var(--au-cyan),var(--au-blue)32%,var(--au-violet)64%,var(--au-magenta));isolation:isolate;min-height:100dvh;padding:96px max(16px,env(safe-area-inset-right,0px))64px max(16px,env(safe-area-inset-left,0px));background:var(--au-bg);color:var(--au-text);font-family:var(--ff-inter),"Helvetica Neue",Arial,system-ui,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex;position:relative;overflow:clip}.login-container:before{content:"";z-index:-2;background:var(--au-aurora);filter:blur(80px);opacity:.5;border-radius:50%;width:min(1100px,130vw);height:360px;animation:8s ease-in-out infinite alternate au-breathe;position:absolute;top:34%;left:50%;transform:translate(-50%)}.login-container:after{content:"";z-index:-1;background:var(--au-bg);border-radius:50%;width:max(1800px,220vw);height:1800px;position:absolute;top:58%;left:50%;transform:translate(-50%);box-shadow:0 -2px 26px 4px #a98bff80,0 -1px #fff6}@keyframes au-breathe{0%{opacity:.4}to{opacity:.58}}.back-link{top:max(24px,env(safe-area-inset-top,0px));left:max(24px,env(safe-area-inset-left,0px));border:1px solid var(--au-border);height:40px;color:var(--au-text-dim);background:#0c0e15b3;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .18s ease-out,border-color .18s ease-out;display:inline-flex;position:absolute}.back-link:hover{color:var(--au-text);border-color:var(--au-border-strong)}.back-link svg{width:16px;height:16px}.login-card{border:1px solid var(--au-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0f,#ffffff04),#0c0e15db;border-radius:28px;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:36px 32px 32px;animation:.6s ease-out both au-rise;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 80px -30px #000c}.login-card:before{content:"";background:var(--au-aurora);height:1px;position:absolute;top:-1px;left:14%;right:14%}@keyframes au-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.login-logo{text-align:center}.login-wordmark{font-size:30px}.login-subtitle{text-align:center;color:var(--au-text-dim);margin:-8px 0 6px;font-size:15px}.login-form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:7px;display:flex}.input-group label{color:var(--au-text);font-size:14px;font-weight:500}.input-group input{border:1px solid var(--au-border);background:var(--au-surface-2);height:46px;color:var(--au-text);font:inherit;border-radius:12px;outline:none;padding:0 14px;font-size:15px;transition:border-color .18s ease-out,box-shadow .18s ease-out}.input-group input::placeholder{color:var(--au-text-dim);opacity:.85}.input-group input:focus{border-color:var(--au-violet);box-shadow:0 0 0 3px #7b3cff59}.login-actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.login-btn{height:48px;color:var(--au-text);font:inherit;cursor:pointer;box-shadow:inset 5px 0 12px -3px var(--au-cyan),inset -5px 0 12px -3px var(--au-magenta),0 8px 28px -10px #7b3cff99;background:#07080c;border:1px solid #ffffff29;border-radius:14px;font-size:15px;font-weight:500;transition:box-shadow .18s ease-out}.login-btn:hover{box-shadow:inset 7px 0 14px -3px var(--au-cyan),inset -7px 0 14px -3px var(--au-magenta),0 10px 32px -10px #7b3cffcc}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-btn-secondary{border:1px solid var(--au-border);background:var(--au-surface-2);height:46px;color:var(--au-text);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .18s ease-out;display:inline-flex}.login-btn-secondary svg{width:16px;height:16px}.login-btn-secondary:hover{border-color:var(--au-border-strong)}.login-btn:focus-visible,.login-btn-secondary:focus-visible,.back-link:focus-visible,.apple-btn:focus-visible{outline:1px solid var(--au-violet);box-shadow:0 0 0 3px #7b3cff66}.divider{color:var(--au-text-dim);align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--au-border);flex:1;height:1px}.google-btn-wrapper{justify-content:center;min-height:44px;display:flex}.apple-btn{border:1px solid var(--au-border);background:var(--au-surface-2);height:46px;color:var(--au-text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:500;display:inline-flex}.apple-btn:hover{border-color:var(--au-border-strong)}.apple-btn:disabled{opacity:.55;cursor:not-allowed}.apple-btn-icon{flex-shrink:0;width:18px;height:18px}.error-message{border:1px solid color-mix(in srgb,var(--au-danger)45%,transparent);background:color-mix(in srgb,var(--au-danger)10%,transparent);color:var(--au-danger);text-align:center;border-radius:12px;padding:11px 14px;font-size:14px}.totp-help,.auth-text{color:var(--au-text-dim);margin:0;font-size:15px;line-height:1.55}.input-group input.totp-input{text-align:center;letter-spacing:10px;font-variant-numeric:tabular-nums;height:58px;padding:0 16px 0 26px;font-size:24px;font-weight:500}.input-group input.totp-input::placeholder{letter-spacing:10px;font-weight:400}@media (max-width:480px){.login-card{border-radius:22px;padding:28px 20px 24px}}@media (prefers-reduced-motion:reduce){.login-container:before,.login-card{animation:none}}body:has(.login-container) .cyberpunk-rgb-bar{display:none}
