/* Страница входа /login в языке кабинета (15.09.2026). Одна на все домены:
   клуб — токены темы (theme-css подключается после этого файла), overee.ru и demo — body.lg-ov,
   палитра новой админки платформы (admin-panel.css). Без admin.css: страница самостоятельная. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0a0a0f;--card:#111119;--border:#1a1a28;--accent:#ff2d55;--text:#f0f0f0;--muted:#9aa39a;--red:#e74c3c;--ctl:color-mix(in srgb,var(--text) 12%,transparent);--ctl-line:color-mix(in srgb,var(--text) 42%,transparent)}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',Arial,sans-serif;line-height:1.5;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
h1{font-family:var(--font-heading,inherit)}

/* шапка — как #nav главной: лого слева, пилюля справа, фон градиентом без полосы */
.lg-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:14px 16px 20px;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 92%,#000) 0%,color-mix(in srgb,var(--bg) 70%,transparent) 55%,transparent 100%)}
.lg-logo{display:flex;align-items:center;min-width:0;color:var(--text);text-decoration:none;font-family:var(--font-heading,inherit);font-weight:700;font-size:18px}
.lg-logo img{display:block;height:32px;width:auto;max-width:160px;object-fit:contain}
.lg-site{flex-shrink:0;color:var(--accent);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:999px;padding:8px 16px;transition:background .2s}
.lg-site:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}

.lg-main{flex:1;display:flex;justify-content:center;padding:6vh 16px 48px}
.lg-wrap{width:100%;max-width:400px}
.lg-sech{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:14px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700}
.lg-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 18px 18px}
.lg-card h1{font-size:22px;font-weight:700;line-height:1.2}
.lg-lead{color:var(--muted);font-size:13px;margin:4px 0 18px}
.lg-alert{border-radius:12px;padding:11px 14px;font-size:13px;line-height:1.45;margin-bottom:16px;color:var(--red);border:1px solid color-mix(in srgb,var(--red) 45%,transparent);background:color-mix(in srgb,var(--red) 6%,transparent)}
.lg-field{margin-bottom:14px}
.lg-field label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:6px}
/* 16px — iOS не зумит страницу при фокусе */
.lg-field input{width:100%;background:var(--ctl);border:1px solid var(--ctl-line);border-radius:12px;padding:12px 14px;font:inherit;font-size:16px;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s}
.lg-field input:focus{border-color:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.lg-btn{width:100%;margin-top:6px;padding:13px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));color:var(--bg);font-family:var(--font-heading,inherit);font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s,filter .2s}
.lg-btn:hover{filter:brightness(1.06)}
.lg-btn:active{transform:scale(.98)}
.lg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lg-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:14px;text-align:center}
.lg-note a{color:var(--accent);text-decoration:none}
.lg-note a:hover{text-decoration:underline}
@media(min-width:769px){.lg-nav{padding:14px 24px 20px}.lg-main{padding-top:10vh}}

/* overee.ru / demo.overee.ru — строгий стиль админки платформы: Onest, шапка с линией, кнопка сплошным акцентом */
body.lg-ov{--bg:#0b0b0d;--card:#151519;--border:#26262e;--muted:#8b8b96;--text:#f2f2f4;--accent:#ff2d55;--red:#ff4d4f;--font-heading:'Onest',system-ui,-apple-system,sans-serif;font-family:'Onest',system-ui,-apple-system,sans-serif}
html:has(body.lg-ov){background:#0b0b0d}
body.lg-ov .lg-nav{min-height:58px;padding:0 16px;background:none;border-bottom:1px solid var(--border)}
body.lg-ov .lg-logo img{height:24px}
body.lg-ov .lg-site{border:0;background:none;color:var(--muted);font-weight:400;font-size:13px;padding:8px 0}
body.lg-ov .lg-site:hover{color:var(--text)}
body.lg-ov .lg-card{border-radius:14px}
body.lg-ov .lg-card h1{font-weight:800;letter-spacing:-.02em}
body.lg-ov .lg-btn{background:var(--accent);color:#0b0b0d;font-weight:600}
@media(min-width:769px){body.lg-ov .lg-nav{padding:0 28px}}