.auth-screen{--ember: #d4ff7a;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--brand: "Space Grotesk", "Inter", sans-serif;position:fixed;inset:0;z-index:60;overflow:hidden;background:var(--bg0);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.auth-screen *{box-sizing:border-box;margin:0;padding:0}body[data-route=login],body[data-route=signup],body[data-route=reset],body[data-route=verify]{overflow:hidden}.auth-screen .auth-back{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding:6px 8px;border-radius:8px;color:var(--dim);font-size:13px;font-weight:600;cursor:pointer;transition:color .16s,transform .16s}.auth-screen .auth-back:hover{color:var(--ink);transform:translateX(-2px)}.auth-screen .auth-back .auth-back-ico{display:inline-flex}.auth-screen .auth-back svg{width:15px;height:15px}.auth-screen .split{display:grid;grid-template-columns:0.7fr 1fr;height:100vh;height:100dvh}.auth-screen .stage{position:relative;overflow:hidden;background:#000}.auth-screen .clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease;background:#0c0c12}.auth-screen .clip.active{opacity:1}.auth-screen .reel-scrim-top{position:absolute;top:0;left:0;right:0;height:220px;z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.38) 45%,transparent 100%);pointer-events:none}.auth-screen .reel-vignette{position:absolute;left:0;right:0;bottom:0;height:64%;z-index:3;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.95) 100%);pointer-events:none}.auth-screen .reel-brand{position:absolute;top:36px;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:13px;font-family:var(--brand);font-weight:700;font-size:27px;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.6)}.auth-screen .reel-brand-logo{height:42px;width:auto;filter:drop-shadow(0 0 12px rgba(164,224,44,.45))}.auth-screen .reel-caption{position:absolute;left:48px;right:48px;bottom:44px;z-index:6}.auth-screen .reel-cap-title{color:#fff;font-family:var(--brand);font-size:46px;line-height:1.02;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.55)}.auth-screen .reel-cap-sub{color:#e6e6ea;font-size:18px;line-height:1.4;margin-top:16px;max-width:30ch}.auth-screen .reel-cap{animation:auth-capIn 1s ease}@keyframes auth-capIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.auth-screen .panel{position:relative;background:#000;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 44px;overflow-y:auto}.auth-screen .panel::before{display:none}.auth-screen .login-card{width:100%;max-width:540px;padding:36px 44px 34px;border-radius:24px;zoom:.88;background:radial-gradient(58% 42% at 100% 0%,rgba(220,255,150,.09),rgba(164,224,44,.035) 40%,transparent 68%),radial-gradient(30% 22% at 100% 0%,rgba(255,255,255,.30),rgba(230,255,170,.12) 42%,transparent 66%),radial-gradient(14% 11% at 100% 0%,rgba(255,255,255,.55),rgba(255,255,255,.14) 45%,transparent 68%),radial-gradient(40% 30% at 0% 100%,rgba(220,255,150,.06),rgba(164,224,44,.02) 42%,transparent 66%),radial-gradient(20% 15% at 0% 100%,rgba(255,255,255,.18),rgba(230,255,170,.06) 44%,transparent 64%),radial-gradient(9% 7% at 0% 100%,rgba(255,255,255,.34),rgba(255,255,255,.08) 46%,transparent 66%),linear-gradient(180deg,#0a0b0e 0%,#08090b 55%,#070809 100%);border:1px solid rgba(255,255,255,.06);box-shadow:0 40px 100px -20px rgba(0,0,0,.85);position:relative;overflow:hidden}.auth-screen .login-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:4;background:radial-gradient(190px 180px at 100% 0%,rgba(255,255,255,1),rgba(220,255,150,.75) 30%,rgba(184,241,62,.35) 52%,transparent 76%),radial-gradient(380px 360px at 100% 0%,rgba(184,241,62,.20),transparent 74%),radial-gradient(120px 110px at 0% 100%,rgba(255,255,255,.85),rgba(220,255,150,.45) 32%,rgba(184,241,62,.16) 56%,transparent 78%),linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035) 45%,rgba(255,255,255,.02));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.auth-screen .login-card .halftone{position:absolute;inset:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;z-index:2}.auth-screen .login-card .halftone::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle,rgba(255,255,255,.85) .8px,transparent 1.15px);background-size:10px 10px;-webkit-mask:radial-gradient(240px 190px at 100% 0%,#000 0%,rgba(0,0,0,.35) 48%,transparent 74%);mask:radial-gradient(240px 190px at 100% 0%,#000 0%,rgba(0,0,0,.35) 48%,transparent 74%);opacity:.16}.auth-screen .login-card .halftone::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle,rgba(255,255,255,.95) 1.35px,rgba(220,255,150,.4) 1.6px,transparent 1.9px);background-size:10px 10px;background-position:5px 5px;-webkit-mask:radial-gradient(190px 150px at 100% 0%,#000 0%,rgba(0,0,0,.30) 48%,transparent 80%);mask:radial-gradient(190px 150px at 100% 0%,#000 0%,rgba(0,0,0,.30) 48%,transparent 80%);opacity:.28}.auth-screen .login-card .panel-inner{position:relative;z-index:5}.auth-screen .panel>.auth-smoke{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;filter:blur(5px) saturate(1.05);transform:scale(1.04);pointer-events:none}.auth-screen .panel>.auth-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 55%,transparent 55%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.25),transparent 22%,transparent 78%,rgba(0,0,0,.35))}.auth-screen .panel>.auth-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.auth-screen .panel>.login-card,.auth-screen .panel>.auth-back{position:relative;z-index:5}.auth-screen .btn.spot-btn{position:relative;overflow:hidden}.auth-screen .btn.spot-btn .btn-spot{position:absolute;top:0;left:0;width:190px;height:190px;z-index:0;pointer-events:none;transform:translate(calc(var(--gx,50%) - 95px),calc(var(--gy,50%) - 95px));opacity:0;transition:opacity .22s;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(216,255,138,.75) 28%,rgba(184,241,62,.35) 46%,rgba(164,224,44,0) 64%);mix-blend-mode:screen}.auth-screen .btn.spot-btn:hover .btn-spot{opacity:1}.auth-screen .btn.spot-btn .btn-lab{position:relative;z-index:1}.auth-screen .login-card .panel-inner{max-width:none}.auth-screen .panel-inner{width:100%;max-width:372px;position:relative}.auth-screen .brand-lockup{display:flex;align-items:baseline;justify-content:center;gap:14px;margin-bottom:34px;width:100%}.auth-screen .bl-logo{height:39px;width:auto;align-self:baseline;filter:drop-shadow(0 0 10px rgba(164,224,44,.3))}.auth-screen .bl-name{font-family:var(--brand);font-weight:700;font-size:56px;letter-spacing:-.03em;color:#fff;line-height:1;white-space:nowrap}.auth-screen .seg-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:28px;border-radius:13px;background:transparent;border:1px solid rgba(255,255,255,.06);box-shadow:none}.auth-screen .seg-toggle button{font-family:inherit;font-size:13.5px;font-weight:700;padding:11px 12px;cursor:pointer;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.62);display:flex;align-items:center;justify-content:center;gap:7px;position:relative;transition:color .15s}.auth-screen .seg-toggle button:hover{color:rgba(255,255,255,.88)}.auth-screen .seg-toggle .tg-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);opacity:0;transition:opacity .15s}.auth-screen .seg-toggle button.on{color:#fff;overflow:hidden;background:linear-gradient(180deg,#33333a,#111114);box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 3px 8px rgba(0,0,0,.55)}.auth-screen .seg-toggle button.on .tg-dot{opacity:1}.auth-screen .seg-toggle button.on::before{content:"";position:absolute;left:3px;right:3px;top:2px;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent);border-radius:9px;pointer-events:none}.auth-screen .p-title{color:var(--ink);font-family:var(--brand);font-size:27px;font-weight:700;letter-spacing:-.02em}.auth-screen .p-sub{color:var(--ink2);font-size:14px;line-height:1.5;margin-top:8px;margin-bottom:26px}.auth-screen .field{margin-bottom:16px}.auth-screen .field-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.auth-screen .field-label{color:var(--ink2);font-size:13px;font-weight:600}.auth-screen .field-row a{font-size:12.5px;font-weight:400;text-decoration:none;background:linear-gradient(90deg,var(--accent),var(--accent-hi));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.auth-screen .field-row a:hover{opacity:.85}.auth-screen .input-wrap{position:relative}.auth-screen .input{width:100%;height:48px;padding:0 14px;font-size:16px;font-family:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line2);border-radius:var(--r-md);outline:none;transition:border-color .15s,box-shadow .15s}.auth-screen .input::placeholder{color:var(--faint)}.auth-screen .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.auth-screen .input.has-toggle{padding-right:46px}.auth-screen .input.invalid{border-color:var(--danger);box-shadow:0 0 0 3px rgba(255,92,92,.14)}.auth-screen .pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;color:var(--dim);border-radius:8px}.auth-screen .pw-toggle:hover{color:var(--ink2)}.auth-screen .auth-ico{display:inline-flex;align-items:center;justify-content:center}.auth-screen .field-error{display:none;color:var(--danger);font-size:12.5px;margin-top:6px}.auth-screen .field-error.show{display:block}.auth-screen .auth-form-error{display:none;color:var(--danger);background:rgba(255,92,92,.08);border:1px solid rgba(255,92,92,.35);border-radius:var(--r-md);padding:10px 14px;font-size:13px;line-height:1.4;margin-bottom:16px}.auth-screen .auth-form-error.show{display:block}.auth-screen .btn{width:100%;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:15px;font-weight:700;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.auth-screen .btn:disabled{opacity:.6;cursor:not-allowed}.auth-screen .btn-primary{background:linear-gradient(180deg,var(--accent-hi),var(--accent));color:var(--on-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(60,90,10,.35),0 3px 12px rgba(164,224,44,.28)}.auth-screen .btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#c6f24e,var(--accent-hi))}.auth-screen .btn-ghost{color:var(--ink);background:linear-gradient(180deg,#2b2b31,#111114);border:0;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.75),inset 1.5px 0 0 rgba(255,255,255,.08),inset -1.5px 0 0 rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.55)}.auth-screen .btn-ghost:hover:not(:disabled){background:linear-gradient(180deg,#31313a,#141418);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.48),inset 0 -2px 0 rgba(0,0,0,.75),inset 1.5px 0 0 rgba(255,255,255,.1),inset -1.5px 0 0 rgba(0,0,0,.5),0 5px 14px rgba(0,0,0,.6)}.auth-screen .mt{margin-top:14px}.auth-screen .divider{display:flex;align-items:center;gap:14px;color:var(--dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:22px 0}.auth-screen .divider::before,.auth-screen .divider::after{content:"";height:1px;flex:1;background:var(--line)}.auth-screen .alt{color:var(--dim);font-size:14px;text-align:center;margin-top:26px}.auth-screen .alt a{color:var(--accent);font-weight:600;text-decoration:none}.auth-screen .alt a:hover{color:var(--accent-hi)}.auth-screen .legal{color:var(--faint);font-size:12px;line-height:1.5;text-align:center;margin-top:22px}.auth-screen .legal a{color:var(--dim);text-decoration:underline;text-underline-offset:2px}@media(max-width:820px){.auth-screen .stage{display:none}.auth-screen .split{grid-template-columns:1fr;height:100dvh}.auth-screen .panel{border-left:0;overflow:hidden;height:100dvh;align-items:center;justify-content:center;padding:calc(20px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px))}.auth-screen .panel::before{display:none}.auth-screen .login-card{width:100%;max-width:430px;margin:0 auto;zoom:1;padding:26px 22px 24px}.auth-screen .panel-inner{max-width:340px;margin:0 auto}.auth-screen .brand-lockup{margin-bottom:24px}.auth-screen .seg-toggle{margin-bottom:20px}.auth-screen .seg-toggle button{min-height:44px}.auth-screen .p-sub{margin-bottom:18px}.auth-screen .pw-toggle{width:44px;height:44px}.auth-screen .divider{margin:18px 0}.auth-screen .alt{margin-top:20px}.auth-screen .legal{margin-top:16px}}.auth-screen .verify-email{color:var(--ink);font-weight:600}.auth-screen .code-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:6px 0 4px}.auth-screen .code-cell{width:100%;height:58px;text-align:center;font-family:"JetBrains Mono",var(--font);font-size:24px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line2);border-radius:var(--r-md);outline:none;caret-color:var(--accent);transition:border-color .15s,box-shadow .15s;-moz-appearance:textfield}.auth-screen .code-cell:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.auth-screen .code-cell.invalid{border-color:var(--danger);box-shadow:0 0 0 3px rgba(255,92,92,.14)}.auth-screen .link-btn{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--accent);font-weight:600}.auth-screen .link-btn:hover:not(:disabled){color:var(--accent-hi)}.auth-screen .link-btn:disabled{color:var(--dim);cursor:default}.auth-screen .verify-resend{color:var(--dim);font-size:14px;text-align:center;margin-top:20px}.auth-screen .verify-links{color:var(--dim);font-size:14px;text-align:center;margin-top:14px}.auth-screen .verify-links a{color:var(--accent);font-weight:600;text-decoration:none;cursor:pointer}.auth-screen .verify-links a:hover{color:var(--accent-hi)}.auth-screen .verify-links .sep{color:var(--line2);margin:0 10px}.auth-screen .verify-poll{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);font-size:12.5px;margin-top:18px}.auth-screen .verify-poll-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:auth-poll-pulse 1.4s ease-in-out infinite}@keyframes auth-poll-pulse{0%,100%{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@media(max-width:820px){.auth-screen .code-inputs{gap:8px}.auth-screen .code-cell{height:52px;font-size:20px}}@media(max-width:820px)and (max-height:720px){.auth-screen .brand-lockup{margin-bottom:16px}.auth-screen .seg-toggle{margin-bottom:14px}.auth-screen .field{margin-bottom:12px}.auth-screen .p-sub{margin-bottom:14px}.auth-screen .divider{margin:14px 0}.auth-screen .alt{margin-top:14px}.auth-screen .legal{margin-top:12px}}@media(max-width:767px){.auth-screen .panel{padding-left:26px;padding-right:26px}.auth-screen .login-card{max-width:372px;padding:20px 16px 18px;border-radius:22px}.auth-screen .panel-inner{max-width:306px}.auth-screen .brand-lockup{margin:0 auto 16px;max-width:264px;gap:8px}.auth-screen .seg-toggle{margin-bottom:16px;border-radius:12px}.auth-screen .seg-toggle button{min-height:42px}.auth-screen .p-title{font-size:23px}.auth-screen .p-sub{font-size:13.5px;margin-top:6px;margin-bottom:14px}.auth-screen .field{margin-bottom:12px}.auth-screen .field-label{font-size:12.5px}.auth-screen .input{height:46px;min-height:46px}.auth-screen .btn{height:46px;font-size:14.5px}.auth-screen .divider{margin:12px 0;font-size:11px}.auth-screen .alt{margin-top:14px;font-size:13px}.auth-screen .legal{margin-top:10px;font-size:11px}.auth-screen .code-cell{height:48px;font-size:19px}.auth-screen .auth-back{min-height:44px;display:inline-flex;align-items:center;gap:6px}.auth-screen .field-row a{display:inline-flex;align-items:center;min-height:40px;padding:0 2px}.auth-screen .field-row{margin-bottom:4px}.auth-screen .alt a{display:inline-block;padding:12px 6px}.auth-screen .legal a{padding:0}.auth-screen .pw-toggle{width:44px;height:44px}}
