:root{color-scheme:dark;--background:#1e1f22;--surface:#2b2d31;--text:#f2f3f5;--muted:#a4a8b1;--line:#3d3f45;--font:"gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--background);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}
body{background:radial-gradient(ellipse at 50% 8%,rgba(98,126,234,.14),transparent 56%),var(--background)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}
.login-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px 32px}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:28px;font-size:20px;letter-spacing:-.4px}.brand img{border-radius:12px}
.login-card{width:100%;max-width:440px;padding:32px 30px 28px;background:var(--surface);border:1px solid rgba(255,255,255,.065);border-radius:16px;box-shadow:0 20px 65px rgba(0,0,0,.18);text-align:center}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;color:#a6b4ff;margin:0 0 8px}
h1{font-size:25px;line-height:1.3;margin:0 0 11px}
.intro{color:var(--muted);margin:0 0 26px;font-size:14px}
.login-step{display:flex;align-items:center;gap:9px;text-align:left;font-size:12px;font-weight:600;color:#d8dbe1;margin:0 0 12px}
.step-number{display:grid;place-items:center;flex:none;width:21px;height:21px;border:1px solid #515460;border-radius:50%;font-size:10px}
.telegram-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;border-radius:7px;font-size:13px;font-weight:650;background:#299ad4;color:#fff}
.telegram-button:hover{background:#2386bb}
.bot-name{font-size:11px;min-height:16px;color:var(--muted);margin:9px 0 0}
.step-divider{height:1px;background:var(--line);margin:22px 0}
.login-status{font-size:12px;text-align:left;padding:11px 12px;background:rgba(242,63,67,.09);border:1px solid rgba(242,63,67,.23);border-radius:7px;color:#ffb0b3;margin:17px 0 0}
.login-status[data-tone="good"]{background:rgba(35,165,90,.1);border-color:rgba(35,165,90,.25);color:#86d6aa}
.login-status[data-tone="info"]{background:rgba(98,126,234,.1);border-color:rgba(139,149,255,.25);color:#c0c5ff}
.retry-button{padding:5px 8px;margin:9px 0 0;border:0;background:none;color:#adb4ff;font-size:12px}
.login-footer{margin:20px 0 0;color:#848b96;font-size:11px;text-align:center}