*{box-sizing:border-box}.auth-body{background:var(--bg-base);min-height:100vh;color:var(--ink-primary);font-family:var(--font-sans);margin:0;overflow-x:hidden}.auth-stage{place-items:center;min-height:100vh;padding:40px 20px;display:grid;position:relative;overflow:hidden}.auth-stage:before{content:"";background:radial-gradient(520px 420px at 22% 15%, color-mix(in srgb, var(--gold) 13%, transparent), transparent 60%), radial-gradient(480px 420px at 82% 85%, color-mix(in srgb, var(--action) 12%, transparent), transparent 60%);pointer-events:none;z-index:0;position:absolute;inset:-20%}.auth-stage-inner{z-index:1;grid-template-columns:1fr;align-items:center;gap:56px;width:100%;max-width:1040px;display:grid;position:relative}.auth-side-panel{display:none}@media (width>=1024px){.auth-stage-inner{grid-template-columns:1fr 420px}.auth-side-panel{flex-direction:column;gap:22px;padding-right:12px;display:flex}.auth-side-mark{width:64px;height:64px;box-shadow:0 0 0 3px var(--bg-base), 0 0 0 6px color-mix(in srgb, var(--gold) 45%, transparent), 0 0 40px 6px color-mix(in srgb, var(--gold) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;padding:11px;display:flex}.auth-side-mark img{object-fit:contain;width:100%;height:100%}.auth-side-panel h1{font-family:var(--font-display);text-wrap:balance;margin:6px 0 4px;font-size:clamp(2.1rem,1.6rem + 2vw,3rem);font-weight:700;line-height:1.08}.auth-side-panel p{color:var(--ink-secondary);max-width:34ch;margin:0 0 8px;font-size:1rem;line-height:1.6}.auth-feature-chips{flex-direction:column;gap:10px;margin-top:10px;display:flex}.auth-feature-chip{color:var(--ink-secondary);align-items:center;gap:10px;font-size:.875rem;display:flex}.auth-feature-chip svg{color:var(--gold);flex:none}}.auth-card-wrap{width:100%;max-width:420px;padding:max(28px, env(safe-area-inset-top)) 4px max(28px, env(safe-area-inset-bottom));margin:0 auto}.auth-card{background:linear-gradient(165deg, var(--bg-overlay), var(--bg-raised) 65%);border:1px solid var(--border-subtle);animation:auth-card-in .52s var(--ease-lift) both;border-radius:22px;padding:30px 26px 28px;position:relative;box-shadow:0 24px 60px -24px #0000008c}@keyframes auth-card-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}}:root[data-reduced-motion="1"] .auth-card{animation:none}.auth-card-head{align-items:center;gap:12px;margin-bottom:22px;display:flex}.auth-mark{width:46px;height:46px;box-shadow:0 0 0 3px var(--bg-raised), 0 0 0 5px color-mix(in srgb, var(--gold) 45%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:8px;display:flex}.auth-mark img{object-fit:contain;width:100%;height:100%}.auth-card-head-text{min-width:0}.auth-wordmark{font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.1}.auth-beta-pill{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 40%, var(--border-subtle));border-radius:999px;align-items:center;gap:5px;margin-top:3px;padding:2px 8px;font-size:10px;display:inline-flex}.auth-beta-pill:before{content:"";background:var(--gold);width:5px;height:5px;box-shadow:0 0 6px 1px color-mix(in srgb, var(--gold) 70%, transparent);border-radius:50%}.auth-title{font-family:var(--font-display);text-wrap:balance;margin:0 0 6px;font-size:1.65rem;font-weight:700;line-height:1.15}.auth-subcopy{color:var(--ink-secondary);margin:0 0 20px;font-size:.9rem;line-height:1.55}.auth-stepper{align-items:center;gap:8px;margin-bottom:22px;display:flex}.auth-stepper .auth-seg-line{background:var(--border-subtle);border-radius:2px;flex:1;height:3px;overflow:hidden}.auth-stepper .auth-seg-line i{background:linear-gradient(90deg, var(--gold-deep), var(--gold));width:0%;height:100%;transition:width .48s var(--ease-lift);display:block}.auth-stepper .auth-seg-line.auth-done i{width:100%}.auth-stepper .auth-seg-line.auth-active i{width:55%}@media (prefers-reduced-motion:reduce){.auth-stepper .auth-seg-line i{transition:none}}:root[data-reduced-motion="1"] .auth-stepper .auth-seg-line i{transition:none}.auth-step-label{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.04em;margin-bottom:14px;font-size:11px}.auth-step-label b{color:var(--gold);font-weight:600}.auth-field{margin-bottom:16px}.auth-field label{letter-spacing:.01em;color:var(--ink-secondary);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.auth-input-shell{position:relative}.auth-field input{width:100%;font-family:var(--font-sans);color:var(--ink-primary);background:var(--bg-base);border:1.5px solid var(--border-subtle);transition:border-color .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:12px;padding:13px 14px;font-size:16px}.auth-field input::placeholder{color:var(--ink-muted)}.auth-field input:focus{border-color:var(--action);box-shadow:0 0 0 3px color-mix(in srgb, var(--action) 25%, transparent);outline:none}.auth-field input[data-mono]{font-family:var(--font-mono);letter-spacing:.02em}@media (prefers-reduced-motion:reduce){.auth-field input{transition:none}}:root[data-reduced-motion="1"] .auth-field input{transition:none}.auth-pw-toggle{width:36px;height:36px;color:var(--ink-muted);cursor:pointer;transition:color .18s var(--ease-out), background .18s var(--ease-out);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-pw-toggle:hover{color:var(--ink-secondary);background:var(--bg-overlay)}.auth-strength{gap:5px;margin-top:9px;display:flex}.auth-strength i{background:var(--border-subtle);height:4px;transition:background .26s var(--ease-out);border-radius:3px;flex:1}.auth-strength-label{color:var(--ink-muted);font-size:11px;font-family:var(--font-mono);margin-top:6px}.auth-otp-row{justify-content:space-between;gap:8px;display:flex}.auth-otp-row input{aspect-ratio:1/1.05;text-align:center;width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding:0;font-size:1.35rem;font-weight:500}.auth-btn-primary{width:100%;min-height:48px;color:var(--bg-base);background:linear-gradient(135deg, var(--gold), var(--gold-deep));cursor:pointer;--shine:-60%;transition:transform .28s var(--ease-spring), box-shadow .32s var(--ease-lift);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin-top:4px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.auth-btn-primary:after{content:"";border-radius:inherit;transform:translateX(var(--shine));transition:transform .65s var(--ease-lift);background:linear-gradient(115deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.auth-btn-primary:hover{box-shadow:0 12px 24px -10px color-mix(in srgb, var(--gold) 55%, transparent);transform:translateY(-3px)}.auth-btn-primary:hover:after{--shine:160%}}.auth-btn-primary:active{transform:translateY(-1px)scale(.97)}@media (prefers-reduced-motion:reduce){.auth-btn-primary,.auth-btn-primary:after{transition:none}.auth-btn-primary:hover{transform:none}}:root[data-reduced-motion="1"] .auth-btn-primary,:root[data-reduced-motion="1"] .auth-btn-primary:after{transition:none}:root[data-reduced-motion="1"] .auth-btn-primary:hover{transform:none}.auth-back-link{width:100%;color:var(--ink-secondary);transition:color .22s var(--ease-out), transform .22s var(--ease-spring);justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.auth-back-link:hover{color:var(--ink-primary);transform:translate(-2px)}@media (prefers-reduced-motion:reduce){.auth-back-link{transition:none}.auth-back-link:hover{transform:none}}:root[data-reduced-motion="1"] .auth-back-link{transition:none}:root[data-reduced-motion="1"] .auth-back-link:hover{transform:none}.auth-fp-link{text-align:center;color:var(--action);transition:color .22s var(--ease-out);margin-top:18px;font-size:.85rem;font-weight:600;text-decoration:none;display:block}.auth-fp-link:hover{color:var(--action-hover)}.auth-banner{animation:auth-banner-in .38s var(--ease-lift) both;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:11px 13px;font-size:.82rem;line-height:1.45;display:flex}@keyframes auth-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.auth-banner{animation:none}}:root[data-reduced-motion="1"] .auth-banner{animation:none}.auth-banner svg{flex:none;margin-top:1px}.auth-banner-success{background:color-mix(in srgb, var(--success) 14%, var(--bg-overlay));border-color:color-mix(in srgb, var(--success) 35%, var(--border-subtle));color:color-mix(in srgb, var(--success) 55%, var(--ink-primary))}.auth-banner-success svg{color:var(--success)}.auth-banner-warn{background:color-mix(in srgb, var(--warn) 14%, var(--bg-overlay));border-color:color-mix(in srgb, var(--warn) 35%, var(--border-subtle));color:color-mix(in srgb, var(--warn) 55%, var(--ink-primary))}.auth-banner-warn svg{color:var(--warn)}.auth-banner-danger{background:color-mix(in srgb, var(--danger) 14%, var(--bg-overlay));border-color:color-mix(in srgb, var(--danger) 35%, var(--border-subtle));color:color-mix(in srgb, var(--danger) 55%, var(--ink-primary))}.auth-banner-danger svg{color:var(--danger)}.auth-banner-info{background:color-mix(in srgb, var(--action) 14%, var(--bg-overlay));border-color:color-mix(in srgb, var(--action) 35%, var(--border-subtle));color:var(--ink-secondary)}.auth-banner-info svg{color:var(--action)}.auth-banner-muted{background:var(--bg-overlay);border-color:var(--border-subtle);color:var(--ink-secondary)}.auth-banner-muted svg{color:var(--ink-muted)}.auth-btn-outline{width:100%;min-height:48px;color:var(--ink-primary);border:1.5px solid var(--border-strong);cursor:pointer;transition:transform .28s var(--ease-spring), background .22s var(--ease-out), border-color .22s var(--ease-out);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin-top:10px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.auth-btn-outline:hover{background:var(--bg-overlay);border-color:var(--ink-muted);transform:translateY(-3px)}}.auth-btn-outline:active{transform:translateY(-1px)scale(.97)}@media (prefers-reduced-motion:reduce){.auth-btn-outline{transition:none}.auth-btn-outline:hover{transform:none}}:root[data-reduced-motion="1"] .auth-btn-outline{transition:none}:root[data-reduced-motion="1"] .auth-btn-outline:hover{transform:none}.auth-mark.auth-admin-mark{box-shadow:0 0 0 3px var(--bg-raised), 0 0 0 5px color-mix(in srgb, var(--action) 45%, transparent)}.auth-side-mark.auth-admin-mark{box-shadow:0 0 0 3px var(--bg-base), 0 0 0 6px color-mix(in srgb, var(--action) 45%, transparent), 0 0 40px 6px color-mix(in srgb, var(--action) 30%, transparent)}.auth-beta-pill.auth-staff-pill{color:var(--action);border-color:color-mix(in srgb, var(--action) 40%, var(--border-subtle))}.auth-beta-pill.auth-staff-pill:before{background:var(--action);box-shadow:0 0 6px 1px color-mix(in srgb, var(--action) 70%, transparent)}.auth-btn-primary.auth-admin-btn{background:linear-gradient(135deg, var(--action), color-mix(in srgb, var(--action) 70%, var(--bg-base)));color:#fff}.auth-btn-primary.auth-admin-btn:after{background:linear-gradient(115deg,#0000 30%,#fff6 50%,#0000 70%)}@media (hover:hover) and (pointer:fine){.auth-btn-primary.auth-admin-btn:hover{box-shadow:0 12px 24px -10px color-mix(in srgb, var(--action) 55%, transparent)}}.auth-clash-devices{justify-content:center;align-items:center;gap:14px;margin:4px 0 20px;display:flex}.auth-clash-devices svg{color:var(--ink-secondary)}.auth-clash-devices .auth-clash-bolt{color:var(--warn)}.auth-shield-wrap{justify-content:center;margin:2px 0 18px;display:flex}.auth-shield-wrap svg{color:var(--gold);filter:drop-shadow(0 4px 10px color-mix(in srgb, var(--gold) 40%, transparent))}.home-body{background:var(--bg-base);min-height:100vh;color:var(--ink-primary);font-family:var(--font-sans);flex-direction:column;margin:0;display:flex;overflow-x:hidden}.home-glow{background:radial-gradient(560px 460px at 24% 8%, color-mix(in srgb, var(--gold) 15%, transparent), transparent 60%), radial-gradient(520px 460px at 80% 30%, color-mix(in srgb, var(--action) 13%, transparent), transparent 60%);pointer-events:none;z-index:0;height:70vh;position:fixed;inset:-10% -10% auto}.home-topbar{z-index:1;padding:max(20px, env(safe-area-inset-top)) 24px 20px;justify-content:space-between;align-items:center;display:flex;position:relative}.home-topbar-brand{align-items:center;gap:10px;display:flex}.home-topbar-mark{flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.home-topbar-mark img{object-fit:contain;width:100%;height:100%}.home-topbar-word{font-family:var(--font-display);font-size:1rem;font-weight:700}.home-topbar-link{color:var(--ink-secondary);border:1px solid var(--border-subtle);transition:color .22s var(--ease-out), border-color .22s var(--ease-out);border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:600;text-decoration:none}.home-topbar-link:hover{color:var(--ink-primary);border-color:var(--border-strong)}.home-hero{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px 60px;display:flex;position:relative}.home-hero-mark{width:min(220px,62vw);height:auto;filter:drop-shadow(0 0 28px color-mix(in srgb, var(--gold) 45%, transparent));animation:home-mark-in .64s var(--ease-lift) both;margin-bottom:22px}@keyframes home-mark-in{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.home-hero-mark{animation:none}}:root[data-reduced-motion="1"] .home-hero-mark{animation:none}.home-hero-title{font-family:var(--font-display);text-wrap:balance;max-width:16ch;margin:0 0 14px;font-size:clamp(2.1rem,1.6rem + 2.4vw,3.4rem);font-weight:700;line-height:1.08}.home-hero-title .home-accent{background:linear-gradient(135deg, var(--gold), var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero-sub{color:var(--ink-secondary);max-width:42ch;margin:0 0 30px;font-size:clamp(.95rem,.9rem + .3vw,1.1rem);line-height:1.6}.home-hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px;display:flex}.home-feature-row{flex-wrap:wrap;justify-content:center;gap:14px;max-width:760px;display:flex}.home-feature-card{background:linear-gradient(165deg, var(--bg-overlay), var(--bg-raised) 65%);border:1px solid var(--border-subtle);text-align:left;border-radius:16px;flex:200px;max-width:240px;padding:18px 16px}.home-feature-card svg{color:var(--gold);margin-bottom:10px}.home-feature-card h3{font-family:var(--font-display);margin:0 0 4px;font-size:1rem;font-weight:700}.home-feature-card p{color:var(--ink-secondary);margin:0;font-size:.82rem;line-height:1.5}.home-foot{z-index:1;text-align:center;padding:22px 20px max(30px, env(safe-area-inset-bottom));color:var(--ink-muted);font-size:.78rem;font-family:var(--font-mono);position:relative}