:root{--bg:#07070b;--card:rgba(18, 18, 26, 0.72);--line:rgba(255, 255, 255, 0.1);--text:#f4f4f8;--muted:#9a9aae;--accent:#7c5cff;--accent2:#ff3d6e;--ok:#22d3a6;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{display:grid;place-items:center;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));overflow-x:hidden}.aurora{position:fixed;inset:-20%;z-index:0;filter:blur(90px);opacity:.55;pointer-events:none}.aurora span{position:absolute;width:55vmax;height:55vmax;border-radius:50%;mix-blend-mode:screen;animation:drift 22s ease-in-out infinite alternate}.aurora span:nth-child(1){background:#5b3cff;top:0;left:-10%}.aurora span:nth-child(2){background:#e50914;bottom:-10%;right:-5%;animation-delay:-7s;animation-duration:26s}.aurora span:nth-child(3){background:#00d68f;top:30%;left:40%;width:40vmax;height:40vmax;opacity:.6;animation-delay:-14s}@keyframes drift{0%{transform:translate(0,0) scale(1)}to{transform:translate(8vmax,-6vmax) scale(1.15)}}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.07;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='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.login{position:relative;z-index:2;width:100%;max-width:420px;display:flex;flex-direction:column;gap:22px;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.brand{text-align:center}.brand-mark{width:64px;height:64px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 40px rgba(124,92,255,.45)}.brand-mark svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.brand-mark .play{fill:#fff;stroke:none}.brand h1{margin:0;font-size:40px;font-weight:800;letter-spacing:-1.5px}.brand h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:6px 0 0;color:var(--muted);font-size:15px}.card{padding:28px 24px 24px;border:1px solid var(--line);border-radius:24px;background:var(--card);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column;gap:20px}.card h2{margin:0;font-size:22px;font-weight:700}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.field small{color:var(--muted);font-size:12.5px}.code-input{display:flex;align-items:center;height:58px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.35);transition:border-color .2s,box-shadow .2s}.code-input:focus-within{border-color:var(--accent)}.code-input b{padding-left:18px;font-size:22px;font-weight:700;letter-spacing:3px;color:var(--muted);font-variant-numeric:tabular-nums}.code-input input{flex:1;min-width:0;height:100%;border:0;outline:0;background:0 0;color:var(--text);font:700 22px/1 Inter,system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;padding:0 12px 0 2px}.code-input input::placeholder{color:rgba(255,255,255,.18)}.pin{position:relative;width:100%}.pin-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;pointer-events:none}.pin-cell{display:grid;place-items:center;width:100%;aspect-ratio:.82;min-height:52px;max-height:64px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.35);color:var(--text);text-align:center;font:700 24px/1 Inter,system-ui,sans-serif;transition:border-color .2s,box-shadow .2s}.pin-cell.active{border-color:var(--accent)}.pin-cell.filled{border-color:rgba(124,92,255,.55)}.pin:focus-within .pin-cell.active{outline:2px solid #fff;outline-offset:3px}.pin-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:0 0;color:transparent;caret-color:transparent;font:16px/1 Inter,system-ui,sans-serif;opacity:.01;-webkit-appearance:none}.pin-input:focus{outline:0}.reveal{align-self:flex-start;padding:0;border:0;background:0 0;color:var(--muted);font:600 13px Inter,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.reveal:hover{color:var(--text)}.pin-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}.pin-tools .reveal{align-self:auto}.reveal[hidden]{display:none}.error{margin:-6px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,61,110,.12);border:1px solid rgba(255,61,110,.35);color:#ffb3c5;font-size:14px}.telegram-note{margin:-6px 0 0;padding:10px 12px;border-radius:12px;background:rgba(89,214,144,.1);border:1px solid rgba(89,214,144,.3);color:#b9f2d0;font-size:14px}.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.submit{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;font:700 17px Inter,sans-serif;box-shadow:0 14px 34px rgba(124,92,255,.35);transition:transform .15s,box-shadow .2s,opacity .2s,filter .2s}.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 44px rgba(124,92,255,.5)}.submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.submit.loading span::after{content:"…"}.telegram-login{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 16px;border:0;border-radius:14px;background:#229ed9;color:#fff;font:700 17px Inter,sans-serif;text-decoration:none;box-shadow:0 12px 30px rgba(34,158,217,.3);transition:transform .15s,filter .2s,box-shadow .2s}.telegram-login svg{width:21px;height:21px;fill:currentColor;flex:none}.telegram-login:hover{filter:brightness(1.08);box-shadow:0 16px 36px rgba(34,158,217,.42)}.telegram-login:focus-visible{outline:3px solid #fff;outline-offset:3px}.foot{text-align:center;color:var(--muted);font-size:13.5px;margin:0}@media (max-width:380px){.card{padding:22px 16px 18px}.pin-cells{gap:6px}.code-input b,.code-input input{font-size:19px;letter-spacing:2px}}@media (prefers-reduced-motion:reduce){.aurora span,.login{animation:none}}@media (max-width:600px){body{min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.login{gap:14px}.brand{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:12px;text-align:left}.brand-mark{grid-row:span 2;width:46px;height:46px;margin:0;border-radius:14px}.brand-mark svg{width:28px;height:28px}.brand h1{font-size:30px;line-height:1}.brand p{margin-top:3px;font-size:13px}.card{padding:18px 16px 16px;gap:14px;border-radius:20px}.card h2{font-size:19px}.field{gap:6px}.field>span{font-size:11.5px}.field small{font-size:11.5px}.code-input{height:50px;border-radius:12px}.code-input b,.code-input input{font-size:20px}.pin-cells{gap:6px}.pin-cell{aspect-ratio:auto;height:50px;min-height:0;border-radius:12px;font-size:22px}.submit,.telegram-login{min-height:50px;height:50px;font-size:16px}.foot{font-size:12.5px}}@media (max-width:600px) and (max-height:700px){.login{gap:10px}.brand p,.field small{display:none}.card{gap:11px;padding:14px 14px 14px}.code-input,.pin-cell,.submit{height:46px}}body{grid-template-columns:minmax(0,1fr)}.login{max-width:min(420px,100%);justify-self:center}body{background:#050507}.wall{position:fixed;inset:-35% -25%;z-index:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:14px;transform:rotate(-12deg);opacity:0;transition:opacity 1.2s ease;pointer-events:none}.wall.ready{opacity:1}.wall .col{display:flex;flex-direction:column;gap:14px;animation:wall-up 42s linear infinite;will-change:transform}.wall .col:nth-child(even){animation-direction:reverse;animation-duration:52s}.wall .col:nth-child(3n){animation-duration:60s}.wall img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:#16161a;box-shadow:0 10px 26px rgba(0,0,0,.5)}@keyframes wall-up{to{transform:translateY(-50%)}}.wall-shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 55%at 50% 50%,rgba(5,5,7,.55),rgba(5,5,7,.25) 70%),linear-gradient(to bottom,rgba(5,5,7,.45),rgba(5,5,7,.2) 40%,rgba(5,5,7,.6))}.login{z-index:2}.card{background:rgba(14,14,20,.78);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-color:rgba(255,255,255,.14)}.foot{color:rgba(255,255,255,.8);text-shadow:0 1px 8px rgba(0,0,0,.8)}@media (max-width:600px){.wall{inset:-30% -60%;gap:10px}.wall .col{gap:10px}}.card{background:rgba(12,12,17,.92);box-shadow:0 30px 90px rgba(0,0,0,.75),inset 0 1px rgba(255,255,255,.07)}.code-input,.pin-cell{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}.field small{color:#b3b3c2}@media (max-width:600px){.wall{inset:-25% -25%;gap:8px}.wall .col{gap:8px}.wall img{border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,.5)}}.wall-shade{background:radial-gradient(ellipse 60% 55%at 50% 50%,rgba(5,5,7,.4),rgba(5,5,7,.14) 70%),linear-gradient(to bottom,rgba(5,5,7,.32),rgba(5,5,7,.1) 40%,rgba(5,5,7,.45))}*{-webkit-tap-highlight-color:transparent}button,a,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:0}button:not(:disabled):active,a:active{transform:scale(.96);transition:transform .08s}@media (min-width:900px){.login{max-width:min(540px,100%);gap:0;position:relative}.card{padding:44px 44px 40px;gap:26px;border-radius:28px}.card h2{font-size:34px;letter-spacing:-.5px;text-align:center}.field{gap:10px}.field>span{font-size:14px}.field small{font-size:13.5px}.code-input{height:72px;border-radius:16px}.code-input b{padding-left:22px}.code-input b,.code-input input{font-size:28px;letter-spacing:4px}.pin-cells{gap:12px}.pin-cell{aspect-ratio:auto;height:78px;max-height:none;border-radius:16px;font-size:32px}.reveal{font-size:14px}.submit{height:66px;border-radius:16px;font-size:20px}.error{font-size:15px}.foot{position:absolute;top:calc(100% + 20px);left:0;right:0;font-size:15px}}@media (min-width:900px) and (max-height:760px){.card{padding:32px 40px 30px;gap:18px}.code-input{height:62px}.pin-cell{height:66px}.submit{height:58px}}@media (min-width:900px){.field{align-items:stretch;text-align:center}.field>span,.field small{text-align:center}.reveal{align-self:center}.error{text-align:center}}@media (min-width:1800px) and (min-height:1000px){.login{max-width:620px}.card{padding:52px 52px 46px}.card h2{font-size:40px}.code-input{height:80px}.pin-cell{height:88px;font-size:36px}.submit{height:72px;font-size:22px}}