.login-page{display:grid;min-height:100dvh;background:var(--bg-surface)}.login-panel{display:flex;width:100%;max-width:30rem;flex-direction:column;justify-content:center;margin:0 auto;padding:2rem 1.25rem}.login-brand{position:absolute;top:1.25rem;display:flex;align-items:center;gap:.65rem;font-weight:750;letter-spacing:-.015em}.login-brand .brand-mark{display:grid;width:2rem;height:2rem;place-items:center;border-radius:var(--radius-sm);background:var(--brand-600);color:var(--text-on-brand);font-size:.875rem}.login-copy h1{margin:0;font-size:clamp(2rem,5vw,2.75rem);line-height:1.1;letter-spacing:-.035em}.login-copy p,.login-help{color:var(--text-secondary);line-height:1.6}.login-copy p{margin:.75rem 0 2rem}.login-form{display:flex;flex-direction:column;gap:.55rem}.login-form label{color:var(--text-primary);font-size:.8125rem;font-weight:650}.login-form input{width:100%;min-height:3rem;margin-bottom:.75rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);padding:.7rem .8rem;color:var(--text-primary);font-size:1rem}.login-form input::placeholder{color:var(--text-muted)}.login-form input:focus{border-color:var(--brand-600);outline:2px solid transparent;box-shadow:var(--focus-ring)}.login-form button{min-height:3rem;border:0;border-radius:var(--radius-md);background:var(--brand-600);color:var(--text-on-brand);font-size:.9375rem;font-weight:750;cursor:pointer;transition:background-color .16s ease,transform .1s ease}.login-form button:hover{background:var(--brand-700)}.login-form button:active{transform:scale(.985)}.login-form button:disabled{background:var(--neutral-600);cursor:progress;transform:none}.login-alert{margin:0 0 1rem;border:1px solid var(--danger-600);border-left-width:3px;border-radius:var(--radius-md);background:var(--danger-100);padding:.7rem .85rem;color:var(--danger-600);font-size:.875rem;line-height:1.5}.login-code{letter-spacing:.35em;font-variant-numeric:tabular-nums}.login-hint{margin:-.25rem 0 .5rem;color:var(--text-muted);font-size:.8125rem;line-height:1.5}.login-back{align-self:flex-start;min-height:2.75rem;margin-top:.75rem;border:0;border-radius:var(--radius-md);background:transparent;padding:0 .6rem 0 0;color:var(--brand-700);font-size:.8125rem;font-weight:650;cursor:pointer}.login-back:hover{text-decoration:underline}.login-help{margin-top:1.5rem;font-size:.8125rem}.login-context{display:none;background:var(--brand-700);color:var(--text-on-brand);padding:4rem}.login-context div{max-width:30rem;margin:auto 0 1rem}.login-context strong{display:block;font-size:clamp(2.25rem,4vw,4.5rem);line-height:1;letter-spacing:-.04em}.login-context p{max-width:28ch;font-size:1.1rem;line-height:1.55;opacity:.78}@media (min-width:900px){.login-page{grid-template-columns:minmax(26rem,.8fr) minmax(30rem,1.2fr)}.login-panel{padding:3rem}.login-context{display:flex}}