/* Композиция и палитра — по входу Молнии (graphite / amber). Своё: изображение и знак ТЕЗИС. */
:root{color-scheme:dark;--canvas:#202022;--field:#2A2A2D;--ink:#ECECEE;--night:#141416;--accent:#E8A33D;--accent-ink:#1C1C1E;--muted:#9C9CA2;--white:#fff;--line:#73737B;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--canvas)}
.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;min-height:100dvh}
.login-art{position:relative;overflow:hidden;background:var(--night);color:var(--white);display:flex;align-items:flex-end;padding:40px}
.login-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.login-art::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(to top,rgba(10,10,12,.92),transparent)}
.login-brand{position:relative;z-index:1}
.login-wordmark{display:block;width:222px;max-width:100%;height:auto;aspect-ratio:285.67/54.93;filter:invert(1)}
.login-brand p{font-size:clamp(28px,3.4vw,46px);line-height:1.08;margin:14px 0 0;font-weight:500;max-width:14ch;text-wrap:balance}
.login-panel{display:flex;align-items:center;justify-content:center}
.login-form{display:grid;gap:20px;width:min(420px,100%);padding:40px 28px}
.login-form h1{font-size:32px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;font-weight:600}
.login-form label{display:grid;gap:8px;font-size:13px;color:var(--muted)}
input{min-width:0;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);font:inherit;font-size:16px;min-height:48px}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
button{min-height:46px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease}
button:hover{background:#F2B655}
button:disabled{opacity:.65;cursor:wait}
.hint{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.error{font-size:14px;line-height:1.5;color:#FFB6A7;margin:0;padding:12px 14px;background:#3B2624;border-radius:8px}
@media(max-width:760px){.login{grid-template-columns:1fr;grid-template-rows:minmax(220px,32vh) 1fr}.login-art{padding:24px}.login-brand p{font-size:28px}.login-wordmark{width:190px}.login-panel{align-items:flex-start}.login-form{padding:32px 24px;width:min(440px,100%)}}
@media(prefers-reduced-motion:reduce){button{transition:none}}