.login-page{box-sizing:border-box;padding:var(--space-5) var(--space-3);background:var(--surface-sunken);justify-content:center;align-items:center;display:flex}.login-page__card{box-sizing:border-box;gap:var(--space-5);width:100%;max-width:28rem;padding:var(--space-6);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);flex-direction:column;display:flex}.login-page__brand{text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.login-page__brand img{max-width:100%;max-height:calc(var(--control-height-lg) * 2)}.login-page__brand-logo{height:calc(var(--control-height-lg) * 1.5);width:auto;margin:0 auto;display:block}.login-page__card h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.login-page__card form{gap:var(--space-3);flex-direction:column;display:flex}.login-page__card label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.login-page__card input[type=email],.login-page__card input[type=password],.login-page__card input[type=text]{box-sizing:border-box;width:100%;min-height:var(--control-height-md);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-md)}.login-page__card input:focus-visible{outline:var(--focus-ring-width) solid var(--accent);outline-offset:var(--focus-ring-offset)}.login-page__card form button[type=submit]{width:100%}.login-page__card p{margin:0}.login-page__access-code,.login-page__resend,.login-page__demo-sign-in{gap:var(--space-3);flex-direction:column;display:flex}.login-page__demo-sign-in ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.login-page__resend,.login-page__demo-sign-in{padding-top:var(--space-4);border-top:1px solid var(--border)}.login-page__session-notice{padding:var(--space-3);border:1px solid var(--warning);border-radius:var(--radius-md);color:var(--text-primary)}.login-page__demo-signup{text-align:center;color:var(--text-muted)}.login-page__card a{color:var(--accent)}@media (width<=30rem){.login-page{padding:var(--space-4) var(--space-2);align-items:flex-start}.login-page__card{padding:var(--space-4)}}