@import url("./app.css?v=20261030");
/* Public login uses the same fields and action hierarchy as the application. */
.login-container { display:grid;grid-template-columns:minmax(380px,46%) minmax(0,1fr);min-height:100dvh; }
.login-intro { display:flex;flex-direction:column;justify-content:space-between;gap:48px;background:var(--brand-dark);color:var(--text-inverse);padding:clamp(32px,5vw,80px); }
.login-brand { display:flex;gap:12px;align-items:center;color:var(--text-inverse);text-decoration:none; }
.login-brand .ui-icon { width:36px;height:36px; }
.login-brand strong { font-size:1.5rem;letter-spacing:.05em; }
.login-brand span { display:block;font-size:.68rem;letter-spacing:.2em;opacity:.75; }
.login-brand .brand-mark { display:grid;width:48px;height:48px;opacity:1; }.login-brand .brand-mark .ui-icon { width:28px;height:28px; }.login-brand .brand-wordmark { opacity:1; }.login-brand .brand-logo { max-width:240px;max-height:72px; }
.login-intro .ui-eyebrow { color:var(--brand-border);font-size:.7rem; }
.login-intro h2 { color:var(--text-inverse);font-size:clamp(2rem,2.6vw,2.8rem);font-weight:550;letter-spacing:-.04em;max-width:470px;line-height:1.18;margin-bottom:24px; }
.login-intro p { color:var(--nav-muted);max-width:410px;font-size:var(--text-lg);line-height:1.8; }
.login-intro footer { color:var(--nav-muted);font-size:var(--text-xs); }
.login-card { width:100%;max-width:490px;align-self:center;justify-self:center;padding:52px; }
.login-card h1 { font-size:1.8rem;margin-bottom:12px; }
.login-card > p { color:var(--text-muted);margin-bottom:32px; }
.login-card .ui-eyebrow { margin-bottom:16px; }
.login-card form { display:flex;flex-direction:column;gap:20px; }
.login-card button { width:100%;background:var(--brand);color:var(--text-inverse);border-color:var(--brand);margin-top:4px; }
.login-card button:hover { background:var(--brand-hover); }
.login-footer { display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);margin-top:32px;padding-top:20px;color:var(--text-muted);font-size:var(--text-xs); }
.login-badge { color:var(--brand);font-size:var(--text-sm);font-weight:650;margin-bottom:20px; }
@media(max-width:850px){.login-container{grid-template-columns:1fr}.login-intro{padding:24px;gap:0;min-height:100px}.login-intro>div,.login-intro>footer{display:none}.login-brand strong{font-size:1.15rem}.login-card{padding:36px 24px;align-self:start;max-width:480px}.login-card h1{font-size:1.5rem}.login-container{grid-template-rows:auto 1fr}}