:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1b2942;background:#f5f7fa;font-synthesis:none;--blue:#315bdc;--border:#e3e8ef}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #9fb6ff;outline-offset:4px}.app-header{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 max(40px,calc((100vw - 1200px)/2))}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:650;letter-spacing:-.4px}.brand-mark{height:34px;width:34px;display:flex;align-items:center;justify-content:center;gap:3px;background:var(--blue);border-radius:9px}.brand-mark i{width:4px;height:13px;background:white;border-radius:1px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:9px}.brand-divider{margin:0 13px;font-weight:400;color:#c0c7d1}.brand-product{font-size:17px;font-weight:450;color:#576174;letter-spacing:0}
.login-layout{min-height:calc(100dvh - 78px);padding:70px 24px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-card{width:min(100%,450px);padding:39px 37px 33px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 36px #1a315007;text-align:center}.lock-mark{margin:0 auto 24px;width:56px;height:56px;border:1px solid #dce5ff;border-radius:15px;background:#f1f5ff;color:var(--blue);display:flex;align-items:center;justify-content:center}.lock-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.eyebrow{color:#8490a2;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:1.5px;margin:0 0 10px}h1{font-size:30px;font-weight:650;line-height:1.25;letter-spacing:-.7px;margin:0 0 14px}.login-description{font-size:16px;line-height:1.7;color:#717b8c;margin:0 0 28px}.telegram-button{width:100%;min-height:49px;border:1px solid transparent;border-radius:8px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:550;padding:13px 12px;line-height:1.4;transition:background .15s,box-shadow .15s;box-shadow:0 3px 5px #294dc41a}.telegram-button:hover{background:#244ecb;box-shadow:0 4px 10px #294dc430}.telegram-button:disabled{background:#edf0f5;color:#8993a4;box-shadow:none;cursor:not-allowed}.telegram-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.session-note{font-size:13px;line-height:1.6;color:#8994a5;margin:20px 0 0}.notice{margin:18px 0 0;padding:12px 14px;text-align:left;color:#67768c;background:#f5f7fb;border:1px solid #e7ecf4;border-radius:8px;font-size:14px;line-height:1.6}.notice.error{margin:0 0 20px;background:#fff5f5;border-color:#efdadd;color:#a3434c}.login-footer{font-size:12px;color:#99a3b3;margin:28px 0 0;text-align:center}
@media(max-width:520px){.app-header{height:68px;padding:0 22px}.brand-product{font-size:15px}.brand-divider{margin:0 10px}.login-layout{min-height:calc(100dvh - 68px);padding:38px 18px 30px;justify-content:flex-start}.login-card{padding:31px 24px 29px}h1{font-size:28px}.login-description{font-size:15px}.login-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}