@layer legacy {
/* Вход и регистрация: чистое поле цвета KARP (--ac), по нему бегут точки, в центре — окно в стиле окон KARP
   (windows.css: поверхность панели, тонкая граница, радиус 16, поля-ячейки, матовые кнопки без стекла). */
:root{font-family:"KarpRub","Segoe UI",Arial,sans-serif;font-size:16px;background:var(--ac,#ff6d01);
 --w-sheet:#24262a;--w-cell:#2e3035;--w-selected:#42464d;--w-line:#ffffff12;--w-line-strong:#ffffff24;--w-ink:#ecebea;--w-soft:#a4a9af;--w-danger:#ff8a80}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:var(--ac,#ff6d01);color:var(--w-ink);overflow:hidden}
#login-dots{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.login-shell{position:relative;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.login-card{width:min(100%,360px);padding:20px 16px 16px;border:1px solid var(--w-line-strong);border-radius:16px;background:var(--w-sheet);box-shadow:0 12px 32px #0000008c}
.login-wordmark{display:block;width:96px;height:auto;margin:4px auto 0}
.login-slogan{margin:10px 0 16px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ac,#ff6d01)}
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:14px;padding:2px;border-radius:10px;background:var(--w-cell)}
.login-tab{height:32px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--w-soft);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}
.login-tab[aria-pressed="true"]{background:var(--w-selected);color:var(--w-ink)}
.login-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.login-card form{display:grid;gap:6px}
.login-card label{font-size:12px;font-weight:600;color:var(--w-soft)}
.login-card input{width:100%;height:38px;margin-bottom:6px;padding:0 12px;border:1px solid var(--w-line);border-radius:10px;background:var(--w-cell);color:var(--w-ink);font:inherit;font-size:16px;outline:none;transition:border-color .18s}
.login-card input:focus{border-color:var(--ac,#ff6d01)}
.login-card input::placeholder{color:#ffffff40}
.login-card[data-mode="login"] [data-register]{display:none}
#login-error{min-height:18px;margin:0;color:var(--w-danger);font-size:12px;line-height:1.4}
.login-submit{width:100%;height:38px;border:0;border-radius:10px;background:var(--ac,#ff6d01);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
.login-submit:disabled{opacity:.6;cursor:wait}
.login-submit:active{filter:brightness(.94)}
.login-tab:focus-visible,.login-submit:focus-visible{outline:2px solid var(--ac,#ff6d01);outline-offset:2px}
.karp-telegram .login-shell{padding-top:calc(24px + var(--tg-safe-top,0px));padding-right:max(16px,var(--tg-safe-right,0px));padding-bottom:calc(24px + var(--tg-safe-bottom,0px));padding-left:max(16px,var(--tg-safe-left,0px))}

}