.brand{align-items:center;gap:12px;display:flex}.brand .play{border:1.5px solid var(--text);border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.brand .play svg{width:12px;height:12px;fill:var(--text);margin-left:1px}.brand .name{line-height:1}.brand .name b{letter-spacing:-.02em;font-size:19px;font-weight:600;display:block}.brand .name span{font-family:var(--mono);letter-spacing:.42em;color:var(--dim);text-transform:lowercase;margin-top:2px;font-size:9.5px;display:block}.auth{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"calt" 1;grid-template-columns:1.06fr .94fr;font-weight:400;line-height:1.5;display:grid}@media (max-width:900px){.auth{grid-template-columns:1fr}}.brandside{border-right:1px solid var(--line);position:relative;overflow:hidden}@media (max-width:900px){.brandside{display:none}}.brandside .scrim{z-index:4;pointer-events:none;background:linear-gradient(#05050680,#0000 26% 52%,#050506b8);position:absolute;inset:0}.over{z-index:7;flex-direction:column;justify-content:space-between;padding:clamp(30px,3.6vw,52px);display:flex;position:absolute;inset:0}.over .brand .name b,.over .brand .play,.over-foot{color:#fff}.nowdir .lbl{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:#fff9;font-size:10.5px}.nowdir .dir{letter-spacing:-.02em;margin-top:6px;font-size:26px;font-weight:600}.nowdir .med{font-family:var(--mono);color:#ffffffb8;letter-spacing:.02em;margin-top:6px;font-size:11.5px}.dots{gap:6px;margin-top:18px;display:flex}.dots i{background:#ffffff47;border-radius:99px;width:6px;height:6px;transition:background .3s,width .3s}.dots i.on{background:#fff;width:18px}.over .note{font-family:var(--mono);color:#ffffff80;letter-spacing:.02em;margin-top:18px;font-size:11px}.formside{place-items:center;padding:clamp(28px,5vw,56px);display:grid;position:relative}.formwrap{width:100%;max-width:392px}.mobile-brand{margin-bottom:40px;display:none}@media (max-width:900px){.mobile-brand{display:flex}}.formwrap h1{margin:16px 0 8px;font-size:clamp(30px,4vw,42px)}.formwrap .sub{color:var(--dim);letter-spacing:-.01em;margin-bottom:34px;font-size:15px}.field{margin-bottom:18px}.autherr{color:var(--bad);margin:-2px 0 14px;font-size:13px;line-height:1.4}.flabel{color:var(--dim);justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:13px;display:flex}.flabel a{color:var(--accent);font-size:12.5px;transition:opacity .3s}.flabel a:hover{opacity:.7}.fin{background:var(--bg-2);border:1px solid var(--line-2);transition:border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease);border-radius:12px;align-items:center;display:flex;box-shadow:inset 0 1px 2px #00000047}.fin:hover{background:var(--bg-3);border-color:#ffffff3d}.fin:focus-within{border-color:var(--accent-line);background:var(--bg-3);box-shadow:0 0 0 3px var(--accent-soft),inset 0 1px 2px #00000024}.fin input{color:var(--text);font-family:var(--sans);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:14px 16px;font-size:15px}.fin input::placeholder{color:var(--faint)}.fin input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);border-radius:12px;transition:background-color 9999s ease-in-out}.fin input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);caret-color:var(--text);border-radius:12px;transition:background-color 9999s ease-in-out}.fin input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);border-radius:12px;transition:background-color 9999s ease-in-out}.fin input:-webkit-autofill:active{-webkit-text-fill-color:var(--text);caret-color:var(--text);border-radius:12px;transition:background-color 9999s ease-in-out}.eye{cursor:pointer;color:var(--dim);background:0 0;border:0;place-items:center;padding:0 15px;transition:color .3s;display:grid}.eye:hover{color:var(--text)}.eye:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.eye svg{width:18px;height:18px}.btn.block{justify-content:center;width:100%;margin-top:6px;padding:15px 22px}.btn-google{letter-spacing:-.01em;cursor:pointer;white-space:nowrap;width:100%;transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);background:var(--bg-2);color:var(--text);border:1px solid var(--line-2);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:14px 22px;font-size:15px;font-weight:500;display:inline-flex}.btn-google:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-google:hover{border-color:var(--text);transform:translateY(-2px)}.btn-google:active{transform:translateY(0)scale(.985)}.btn-google svg{width:18px;height:18px}.divider{color:var(--faint);font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:16px;margin:22px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.newhere{text-align:center;color:var(--dim);margin-top:30px;font-size:14px}.newhere a{color:var(--accent);font-weight:500}.newhere a:hover{text-underline-offset:3px;text-decoration:underline}.legal{text-align:center;color:var(--faint);margin-top:26px;max-width:36ch;margin-inline:auto;font-size:11.5px;line-height:1.55}.legal a{color:var(--dim);text-underline-offset:2px;text-decoration:underline}a:focus-visible,.newhere a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.auth .morph{box-shadow:none;aspect-ratio:auto;background:#000;border:none;border-radius:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.auth:after{content:"";z-index:100;pointer-events:none;opacity:.022;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='fg'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23fg)'/></svg>");background-size:160px 160px;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.morph-stage,.morph.cutting .morph-stage{transition:none}.btn-primary:active,.btn-google:active{transform:none}}
