.auth{--bg:#0a0d0b;--surface:#121813;--raised:#1b231c;--line:#2b352d;--ink:#f3f6ef;--muted:#b1b9af;--lime:#d5ff49;--dark:#10150d;--gold:#e8c547;--radius:20px;--serif:"IBM Plex Serif", "Iowan Old Style", Georgia, serif;--sans:Inter, "Helvetica Neue", Arial, sans-serif;isolation:isolate;background:var(--bg);height:100dvh;min-height:100dvh;max-height:100dvh;color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;position:relative;overflow:clip hidden}.auth:before{content:"";pointer-events:none;z-index:0;filter:blur(8px);background:radial-gradient(circle at 40% 40%,#d5ff4928,#d5ff4900 68%);width:min(720px,90vw);height:min(720px,90vw);position:absolute;top:-10%;left:0}.auth:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#d5ff4914,#0000 70%);width:min(640px,80vw);height:min(640px,80vw);position:absolute;bottom:-8%;right:0}.auth-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:0;width:min(1180px,100%);height:100%;min-height:0;margin:0 auto;display:grid;position:relative}.auth-story{align-content:center;gap:22px;padding:clamp(40px,8vw,88px) clamp(24px,5vw,72px);display:grid}.auth-brand{letter-spacing:-.04em;font-family:var(--serif);color:var(--ink);align-items:center;gap:0;font-size:34px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.auth-brand .brand-period{color:var(--lime)}.auth-kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:8px 0 0;font-size:12px;font-weight:600}.auth-story-title{max-width:10ch;font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(2.75rem,5.5vw,4.35rem);font-weight:400;line-height:1.05}.auth-story-title em{color:var(--lime);font-style:normal}.auth-lede{max-width:34rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.auth-card .auth-lede{max-width:none;margin:0 0 8px;font-size:.98rem}.auth-platforms{flex-wrap:wrap;align-items:center;gap:18px;margin-top:10px;padding:0;list-style:none;display:flex}.auth-platforms li{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:14px;align-items:center;gap:10px;min-height:40px;padding:8px 12px;display:flex}.auth-platforms img{object-fit:contain;width:22px;height:22px;display:block}.auth-platforms span{color:var(--ink);font-size:13px;font-weight:500}.auth-card{border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:var(--surface);align-self:center;justify-items:stretch;gap:18px;width:min(420px,100% - 48px);margin:32px auto;padding:36px 32px 28px;display:grid;box-shadow:0 24px 60px #0005}.auth-card h1{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.1}.auth-role-menu{border:1px solid var(--line);background:var(--raised);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-role-menu a{min-height:42px;color:var(--muted);text-align:center;border-radius:10px;place-items:center;padding:8px 12px;font-size:12px;font-weight:650;line-height:1.3;text-decoration:none;transition:color .15s,background .15s;display:grid}.auth-role-menu a:hover{color:var(--ink)}.auth-role-menu a[data-active=true]{background:var(--lime);color:var(--dark)}.auth-card:has(.auth-role-menu) h1{align-items:flex-end;min-height:2.2em;display:flex}.auth-legal{border-top:1px solid var(--line);color:var(--muted);justify-content:center;align-items:center;gap:9px;padding-top:16px;font-size:11px;display:flex}.auth-legal a{color:inherit;text-decoration:none}.auth-legal a:hover{color:var(--lime)}.auth-card:has(.subscribe-plan){width:min(500px,100% - 48px)}.subscribe-plan{border:1px solid color-mix(in srgb, var(--lime) 42%, var(--line));background:radial-gradient(circle at 100% 0, #d5ff4917, transparent 42%), var(--raised);border-radius:18px;gap:16px;padding:22px;display:grid}.subscribe-price{gap:2px;display:grid}.subscribe-price>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.subscribe-was{color:var(--muted);font-family:var(--serif);letter-spacing:-.03em;font-size:1.35rem;text-decoration:line-through}.subscribe-price strong{color:var(--ink);font-family:var(--serif);letter-spacing:-.04em;font-size:clamp(2rem,5vw,2.7rem);font-weight:400;line-height:1.1}.subscribe-price small{color:var(--lime);font-size:14px;font-weight:650}.subscribe-opportunity{color:var(--ink);margin:0;font-size:15px;font-weight:650;line-height:1.45}.subscribe-plan ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.subscribe-plan li{color:var(--muted);padding-left:20px;font-size:13px;position:relative}.subscribe-plan li:before{content:"✓";color:var(--lime);font-weight:800;position:absolute;left:0}.subscribe-checkout-note,.subscribe-disclaimer{text-align:center;color:var(--muted);margin:-2px 0 0;font-size:11px;line-height:1.45}.subscribe-disclaimer{opacity:.78}.auth .stack,.auth-card .stack,.auth-card form.stack{gap:14px;width:100%;margin:0;display:grid}.auth .stack label,.auth-card .stack label{color:var(--muted);gap:6px;font-size:13px;font-weight:500;display:grid}.auth .stack input,.auth-card .stack input{border:1px solid var(--line);background:var(--raised);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:12px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.auth .stack input:focus,.auth-card .stack input:focus{border-color:color-mix(in srgb, var(--lime) 70%, var(--line));box-shadow:0 0 0 3px #d5ff4926}.auth .btn.primary,.auth-card .btn.primary{background:var(--lime);width:100%;min-height:52px;color:var(--dark);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;margin-top:4px;padding:12px 18px;font-weight:650;transition:background .18s,transform .18s;display:inline-flex}.auth .btn.primary:hover,.auth-card .btn.primary:hover{background:#e0ff7e;transform:translateY(-1px)}.auth .btn.primary:disabled,.auth-card .btn.primary:disabled{opacity:.7;cursor:wait;transform:none}.auth .alert,.auth-card .alert{color:#ffb4a8;margin:0;font-size:14px}.auth-foot{justify-items:center;gap:10px;width:100%;margin-top:4px;display:grid}.auth-quiet{color:var(--muted);font-size:14px;text-decoration:none}.auth-quiet:hover{color:var(--ink)}.auth-switch{color:var(--lime);font-size:14px;font-weight:600;text-decoration:none}.auth-switch:hover{text-underline-offset:3px;text-decoration:underline}.auth-home{color:var(--muted);margin-top:4px;font-size:13px;text-decoration:none}.auth-home:hover{color:var(--ink)}@media (max-width:860px){.auth{height:auto;min-height:100dvh;max-height:none;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));overflow:clip visible}.auth-grid{grid-template-columns:1fr;align-content:start;height:auto;min-height:100dvh;padding-bottom:24px;overflow:clip visible}.auth-story{z-index:2;align-content:start;gap:14px;padding:28px 20px 12px;position:relative}.auth-story-copy{z-index:3;gap:12px;max-width:none;padding-top:8px;position:relative}.auth-brand{margin-top:12px;font-size:30px}.auth-story-title{z-index:3;max-width:14ch;font-size:clamp(2.1rem,9vw,2.8rem);line-height:1.08;position:relative}.auth-card{z-index:4;width:calc(100% - 32px);margin:20px auto 120px;padding:28px 22px 24px;position:relative}.auth-platforms-bg{opacity:.55}.auth-platforms li span{display:none}}.auth-story{position:relative;overflow:hidden}.auth-story-copy{z-index:2;flex-direction:column;gap:18px;max-width:16ch;display:flex;position:relative}.auth-platforms-bg{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-platform{opacity:.28;filter:brightness(0)invert();-webkit-user-select:none;user-select:none;position:absolute}.auth-platform.kick{opacity:.25;width:min(34vw,270px);top:8%;right:6%;transform:rotate(-8deg)}.auth-platform.twitch{opacity:.2;width:min(29vw,220px);bottom:18%;left:4%;transform:rotate(10deg)}.auth-platform.youtube{opacity:.21;width:min(28vw,205px);bottom:8%;right:12%;transform:rotate(-4deg)}@media (max-width:900px){.auth-platform.kick{opacity:.16;width:96px;inset:auto auto 8% 4%;transform:rotate(-10deg)}.auth-platform.twitch{opacity:.14;width:88px;inset:auto 38% 6% auto;transform:rotate(8deg)}.auth-platform.youtube{opacity:.15;width:92px;inset:auto 4% 10% auto;transform:rotate(-6deg)}.auth-story-copy{max-width:none}}@media (max-width:480px){.auth-platform.kick{width:84px;bottom:6%;left:3%}.auth-platform.twitch{width:76px;bottom:4%;right:36%}.auth-platform.youtube{width:80px;bottom:8%;right:3%}}@media (min-width:861px){:is(html:has(.auth),body:has(.auth)){height:100%;margin:0;overflow:hidden}}@media (max-width:860px){:is(html:has(.auth),body:has(.auth)){overscroll-behavior-x:none;height:auto;min-height:100%;margin:0;overflow:clip auto}}@media (max-width:860px){.auth{overflow:clip auto}.auth-grid{max-width:100%;overflow-x:clip}:is(html:has(.auth),body:has(.auth)){overflow:clip auto}}.auth{box-sizing:border-box;width:100%;max-width:100%;overflow-x:clip}.auth:before,.auth:before{left:0}.auth:after,.auth:after{right:0}@media (max-width:860px){.auth{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));overflow-x:clip;height:auto!important;max-height:none!important;overflow-y:visible!important}.auth-grid{max-width:100%;height:auto;overflow:clip visible}.auth-card{margin-bottom:max(120px, calc(72px + env(safe-area-inset-bottom,0px)))}:is(html:has(.auth),body:has(.auth)){overflow-x:clip;height:auto!important;max-height:none!important;overflow-y:auto!important}}
