.sign-in-page{min-height:100svh;padding:var(--spacing-6);background-color:var(--color-bg);background-image:linear-gradient(var(--color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);color:var(--color-text);background-size:40px 40px;place-items:center;display:grid}.sign-in-panel{width:min(100%,440px);padding:var(--spacing-8);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);box-shadow:var(--shadow-raised)}.sign-in-brand{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-12);display:flex}.sign-in-brand__mark{border-radius:var(--radius-sm);background:var(--color-header);width:44px;height:44px;color:var(--color-text-inverted);place-items:center;display:grid}.sign-in-brand__name{font-size:1rem;font-weight:700}.sign-in-copy__eyebrow{margin:0 0 var(--spacing-2);color:var(--color-accent);text-transform:uppercase;font-size:.75rem;font-weight:700}.sign-in-copy h1{margin:0;font-size:2rem;line-height:1.15}.sign-in-copy p:last-child{margin:var(--spacing-3) 0 var(--spacing-6);color:var(--color-text-muted);line-height:1.5}.sign-in-error{align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-3);border:1px solid var(--color-border-destructive);border-radius:var(--radius-sm);background:var(--color-status-danger-bg);color:var(--color-status-danger);font-size:.875rem;line-height:1.4;display:flex}.sign-in-button{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;min-height:48px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-on-primary);font:inherit;cursor:pointer;border:0;font-weight:700;display:inline-flex}.sign-in-button:hover:not(:disabled){background:var(--color-primary-hover)}.sign-in-button:focus-visible{box-shadow:var(--ring-focus);outline:none}.sign-in-button:active:not(:disabled){background:var(--color-primary-active)}.sign-in-button:disabled{background:var(--color-primary-disabled);cursor:wait}.sign-in-button--secondary{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text)}.sign-in-button--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.sign-in-button--secondary:active:not(:disabled){background:var(--color-surface-active)}.sign-in-button--secondary:disabled{border-color:var(--color-border-subtle);background:var(--color-surface-disabled);color:var(--color-text-disabled)}.sign-in-divider{align-items:center;gap:var(--spacing-3);margin:var(--spacing-4) 0;color:var(--color-text-faint);font-size:.75rem;display:flex}.sign-in-divider:before,.sign-in-divider:after{background:var(--color-border-subtle);content:"";flex:1;height:1px}.sign-in-button__spinner{animation:.8s linear infinite sign-in-spin}.sign-in-support{margin:var(--spacing-4) 0 0;color:var(--color-text-faint);text-align:center;font-size:.75rem}@keyframes sign-in-spin{to{transform:rotate(360deg)}}@media (width<=520px){.sign-in-page{background-image:none;align-items:stretch;padding:0}.sign-in-panel{width:100%;min-height:100svh;padding:var(--spacing-6);box-shadow:var(--shadow-flat);border:0;border-radius:0;flex-direction:column;justify-content:center;display:flex}}@media (prefers-reduced-motion:reduce){.sign-in-button__spinner{animation:none}}
