/* Existing Agatos warm-charcoal/orange palette. Login deliberately has no remote dependencies. */
:root { color-scheme: dark; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #0e0e0d; color: #ede9e3; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: max(32px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); }
.login { width: min(100%, 400px); }
.brand { display: flex; align-items: center; gap: 10px; margin: 0 0 48px; font-weight: 650; font-size: 19px; }
.brand span { display: grid; place-items: center; width: 32px; height: 32px; background: #c83b13; color: #fff; border-radius: 6px; font-size: 18px; }
h1 { font-size: 32px; line-height: 1.15; letter-spacing: -.03em; margin: 0 0 14px; }
.intro { color: #a8a29b; font-size: 16px; line-height: 1.55; margin: 0 0 32px; }
label { display: block; font-size: 14px; margin: 20px 0 8px; }
input { display: block; width: 100%; min-height: 50px; border: 1px solid #514b46; border-radius: 8px; padding: 12px 14px; font: inherit; font-size: 16px; color: #ede9e3; background: #181716; }
input:focus-visible, button:focus-visible { outline: 2px solid #f8784d; outline-offset: 3px; }
button { display: block; width: 100%; min-height: 50px; margin-top: 26px; border: 0; border-radius: 8px; padding: 12px; background: #c83b13; color: #fff; font: inherit; font-weight: 650; cursor: pointer; }
button:hover { background: #b33210; }
.hint { margin: 24px 0 0; font-size: 13px; line-height: 1.6; color: #a8a29b; }
.error { padding: 12px 14px; border: 1px solid #796139; border-radius: 8px; color: #e0ae44; font-size: 14px; line-height: 1.5; }
@media(max-width: 480px) { body { align-items: start; padding-top: max(48px, 10dvh); } .brand { margin-bottom: 38px; } }