body{margin:0}.login-screen{--login-primary:var(--color-brand-primary,#6f63ae);--login-primary-text:var(--color-brand-primary-foreground,#fff);--login-primary-hover:var(--color-brand-accent,#62559d);--login-ink:#1b1e23;--login-muted:#5c6370;--login-line:#e4e4e7;--login-canvas:#f4f4f5;--login-card:#fff;--login-danger:#b91c1c;background:var(--login-canvas);min-height:100vh;color:var(--login-ink);flex-direction:column;font-family:system-ui,sans-serif;display:flex}html.dark .login-screen{--login-primary:var(--color-brand-primary,#9c8ddd);--login-primary-text:var(--color-brand-primary-foreground,#1b1e23);--login-primary-hover:var(--color-brand-accent,#ae9ee8);--login-ink:#f4f4f5;--login-muted:#c9cdd6;--login-line:#2a2e35;--login-canvas:#12141a;--login-card:#1b1e23;--login-danger:#fca5a5}.login-banner{background:var(--login-primary);color:var(--login-primary-text);padding:1rem 1.5rem;box-shadow:0 1px 2px #00000014}.login-kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin:0;font-size:.75rem;font-weight:500}.login-brand{letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:600}.login-main{flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.login-card{box-sizing:border-box;border:1px solid var(--login-line);background:var(--login-card);width:100%;max-width:28rem;color:var(--login-ink);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000f}.login-card h1{letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:600}.login-card>p,.login-lead{color:var(--login-muted);margin:.25rem 0 0}.login-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.login-field{flex-direction:column;gap:.5rem;display:flex}.login-label{font-size:.875rem;font-weight:500;line-height:1}.login-input{box-sizing:border-box;border:1px solid var(--login-line);background:var(--login-card);width:100%;height:2.5rem;color:inherit;font:inherit;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem}.login-button{box-sizing:border-box;width:100%;min-height:2.75rem;font:inherit;touch-action:manipulation;cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:1rem;font-weight:500;display:inline-flex}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-button--primary{background:var(--login-primary);color:var(--login-primary-text)}.login-button--primary:hover:not(:disabled){background:var(--login-primary-hover)}.login-button--outline{color:var(--login-ink);border-color:var(--login-line);background:0 0}.login-split{color:var(--login-muted);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.login-split:before,.login-split:after{content:"";background:var(--login-line);flex:1;height:1px}.login-alert{color:var(--login-danger);margin:0;font-size:.875rem}.login-hint{color:var(--login-muted);margin:0;font-size:.75rem;line-height:1.6}.login-hint code{font-family:ui-monospace,monospace;font-size:.6875rem}.login-fallback{background:var(--login-canvas);min-height:100vh;color:var(--login-muted);justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex}.public-note{box-sizing:border-box;color:#1b1e23;max-width:36rem;margin:4rem auto;padding:0 1.5rem;font-family:system-ui,sans-serif}.public-note h1{letter-spacing:-.025em;font-size:1.5rem;font-weight:600}.public-note p,.public-note a.login-button{color:#5c6370}.public-note .login-actions{flex-wrap:wrap;gap:.75rem;display:flex}.public-note .login-button{width:auto;text-decoration:none}
