/* Owner-selected composition with the approved prototype graphite/amber palette. */
:root{color-scheme:dark;--canvas:#202022;--field:#2A2A2D;--ink:#ECECEE;--night:#1C1C1E;--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:67% 42%;transform:scale(1.25)}.login-art::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to top,rgba(5,6,10,.88),transparent)}.login-brand{position:relative;z-index:1}.brand-name{font-size:26px;font-weight:600;letter-spacing:-.01em}.login-brand p{font-size:clamp(28px,3.4vw,46px);line-height:1.08;margin:12px 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;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}.brand-name{font-size:22px}.login-panel{align-items:flex-start}.login-form{padding:32px 24px;width:min(440px,100%)}}
@media(prefers-reduced-motion:reduce){button{transition:none}}