@font-face{font-family:Onest;font-weight:100 900;font-display:swap;src:url(/auth/assets/fonts/onest-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-weight:100 900;font-display:swap;src:url(/auth/assets/fonts/onest-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Unbounded;font-weight:200 900;font-display:swap;src:url(/auth/assets/fonts/unbounded-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Unbounded;font-weight:200 900;font-display:swap;src:url(/auth/assets/fonts/unbounded-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-display:swap;src:url(/auth/assets/fonts/jetbrains-mono-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-display:swap;src:url(/auth/assets/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191-2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:oklch(.13 .02 250);--surface:oklch(.19 .022 250);--surface-2:oklch(.235 .024 250);--surface-hover:oklch(.235 .024 250);--glass:oklch(.2 .024 250/.62);--glass-line:oklch(1 0 0/.08);--glass-hi:oklch(1 0 0/.06);--text:oklch(.97 .008 220);--muted:oklch(.78 .02 235);--faint:oklch(.65 .02 240);--line:oklch(1 0 0/.08);--line-strong:oklch(1 0 0/.16);--accent:oklch(.84 .15 165);--accent-ink:oklch(.17 .04 200);--accent-soft:oklch(.84 .15 165/.14);--violet:oklch(.74 .15 295);--blue:oklch(.76 .12 245);--warn:oklch(.84 .14 80);--bad:oklch(.72 .17 22);--aur-1:oklch(.55 .16 165/.5);--aur-2:oklch(.5 .18 295/.45);--aur-3:oklch(.55 .14 240/.4);--scrim:oklch(.08 .02 250/.6);--shadow:0 24px 60px -24px oklch(0 0 0/.7);--card-shadow:0 1px 0 oklch(1 0 0/.03),0 20px 50px -30px oklch(0 0 0/.8);--star:oklch(.86 .14 85);--poster-fade:oklch(.19 .022 250)}
:root[data-theme=light]{--bg:oklch(.97 .01 200);--surface:#fff;--surface-2:oklch(.955 .012 200);--surface-hover:oklch(.955 .012 200);--glass:oklch(1 0 0/.66);--glass-line:oklch(.4 .03 220/.12);--glass-hi:oklch(1 0 0/.9);--text:oklch(.21 .03 240);--muted:oklch(.43 .03 235);--faint:oklch(.52 .025 235);--line:oklch(.4 .03 220/.1);--line-strong:oklch(.4 .03 220/.2);--accent:oklch(.52 .13 165);--accent-ink:#fff;--accent-soft:oklch(.52 .13 165/.12);--violet:oklch(.52 .18 295);--blue:oklch(.52 .14 245);--warn:oklch(.56 .14 65);--bad:oklch(.53 .18 25);--aur-1:oklch(.86 .1 165/.7);--aur-2:oklch(.85 .08 295/.6);--aur-3:oklch(.87 .07 230/.6);--scrim:oklch(.3 .03 240/.3);--shadow:0 24px 60px -24px oklch(.3 .05 240/.35);--card-shadow:0 1px 2px oklch(.3 .04 230/.05),0 18px 40px -28px oklch(.3 .05 230/.3);--star:oklch(.62 .14 75);--poster-fade:#fff}
/* Вход в Кит — тот же язык, что у пульта: аврора, стекло, Unbounded/Onest/JetBrains Mono. */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:400 14px/1.5 Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-synthesis:none}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}[hidden]{display:none!important}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(4vw,3vh) scale(1.08)}100%{transform:translate(0,0) scale(1)}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.aurora span{position:absolute;width:60vw;height:60vw;max-width:820px;max-height:820px;border-radius:50%;filter:blur(90px);opacity:.55;animation:drift 26s ease-in-out infinite}
.aurora span:nth-child(1){left:-14vw;top:-20vw;background:var(--aur-1)}
.aurora span:nth-child(2){right:-16vw;top:16vh;background:var(--aur-2);animation-duration:32s;animation-direction:reverse}
.aurora span:nth-child(3){left:22vw;top:72vh;background:var(--aur-3);animation-duration:38s}
.auth-layout{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:calc(24px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.auth-card{width:100%;max-width:420px;padding:26px;border-radius:28px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);animation:rise .4s ease-out}
.auth-card.wide{max-width:480px}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.brand{display:inline-flex}.brand-logo{display:block;width:124px;height:32px;object-fit:contain}
.theme-toggle{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.theme-toggle:hover{color:var(--text)}.theme-toggle svg{width:17px;height:17px}
.eyebrow{display:block;margin:0 0 10px;font:600 10.5px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
h1{margin:0 0 10px;font:600 30px/1.1 Unbounded,Onest,sans-serif;letter-spacing:-.045em;background:linear-gradient(100deg,var(--text) 45%,var(--accent) 80%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
h1 span{color:var(--accent)}
.subtitle{margin:0 0 22px;color:var(--muted);font-size:13.5px;line-height:1.55}
.error{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;margin:0 0 16px;border-radius:14px;border:1px solid color-mix(in oklch,var(--bad) 40%,transparent);background:color-mix(in oklch,var(--bad) 12%,transparent);color:var(--text);font-size:12.5px;line-height:1.5}.error svg{width:17px;height:17px;color:var(--bad);margin-top:1px}
.submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 16px;border:0;border-radius:16px;background:var(--accent);color:var(--accent-ink);font-weight:650;font-size:14px;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 14px 30px -18px var(--accent)}
.submit:hover{filter:brightness(1.05);box-shadow:0 18px 36px -18px var(--accent)}.submit:active{transform:scale(.98)}
.sso{justify-content:flex-start;min-height:64px;padding:10px 16px 10px 10px;text-align:left}
.sso-mark{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:13px;background:color-mix(in oklch,var(--accent-ink) 14%,transparent)}.sso-mark svg{width:28px;height:28px}
.sso-copy{display:flex;flex-direction:column;flex:1;min-width:0}.sso-copy b{font-size:14.5px}.sso-copy small{font-size:11.5px;font-weight:500;opacity:.75}
.sso-arrow{width:18px;height:18px;transition:transform .2s}.sso:hover .sso-arrow{transform:translateX(3px)}
.sso[data-busy] .sso-arrow{animation:pulse 1.1s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.perks{list-style:none;margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:11px}
.perks li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:12.5px;line-height:1.5}.perks svg{width:17px;height:17px;color:var(--accent);margin-top:1px}
.me{display:flex;align-items:center;gap:14px;margin:4px 0 16px}
.avatar{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:20px;overflow:hidden;background:var(--accent-soft);color:var(--accent);font:600 26px Unbounded,sans-serif;box-shadow:0 0 0 1px var(--line)}.avatar img{width:100%;height:100%;object-fit:cover}
.me-copy{display:flex;flex-direction:column;min-width:0}.me h1{margin:0;font-size:24px}
.me-sub{font:500 11.5px "JetBrains Mono",monospace;color:var(--faint)}
.actions{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.action{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2);transition:border-color .15s,transform .15s}
.action:hover{border-color:var(--line-strong)}.action:active{transform:scale(.99)}
.action>svg{width:20px;height:20px;color:var(--accent)}.action span{display:flex;flex-direction:column;flex:1;min-width:0}.action b{font-size:13.5px}.action small{font-size:11.5px;color:var(--muted)}.action i{font-style:normal;color:var(--faint)}
.ghost{width:100%;height:44px;border-radius:14px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:600;font-size:13px}.ghost:hover{color:var(--bad);border-color:color-mix(in oklch,var(--bad) 45%,transparent)}
.stay{display:block;text-align:center;color:var(--muted);font-size:12.5px;margin:14px 0 0}.stay:hover{color:var(--text)}
.auth-foot{margin:0;font:500 10.5px "JetBrains Mono",monospace;letter-spacing:.04em;color:var(--faint);text-align:center}
@media(max-width:480px){.auth-card{padding:22px 18px;border-radius:24px}h1{font-size:26px}.brand-logo{width:108px;height:28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}