.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(360px,100%);padding:28px 24px 24px;box-shadow:0 1px 1px #00000005,0 8px 24px -12px #0000002e}.login-card .eyebrow{text-transform:none;letter-spacing:.01em}.login-card h1{font-size:1.4rem}.login-sub{color:var(--fg-2);margin:6px 0 20px;font-size:.88rem}.login-form{gap:8px;display:grid}.login-form label{color:var(--fg-2);font-size:.78rem;font-weight:500}.login-form input{height:38px;font:.9rem var(--font-body);color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:8px;padding:0 10px}.login-form input:focus-visible{outline:2px solid var(--active);outline-offset:1px}.login-form button{background:var(--fg);height:38px;color:var(--bg);font:600 .85rem var(--font-body);cursor:pointer;border:0;border-radius:8px;margin-top:8px}.login-form button:disabled{opacity:.45;cursor:not-allowed}.login-error{color:var(--crit-fg);margin:0;font-size:.8rem}.login-banner{background:color-mix(in oklab, var(--crit-fg) 10%, transparent);border-radius:8px;margin:-8px 0 16px;padding:8px 10px}.login-provider{border:1px solid var(--border-strong);background:var(--bg);height:40px;color:var(--fg);font:600 .88rem var(--font-body);border-radius:8px;justify-content:center;align-items:center;gap:10px;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.login-provider:hover{background:var(--surface-2);border-color:var(--fg-2)}.login-provider:focus-visible{outline:2px solid var(--active);outline-offset:2px}.login-alt{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.login-alt summary{cursor:pointer;color:var(--fg-2);font-size:.78rem;list-style:none}.login-alt summary::-webkit-details-marker{display:none}.login-alt summary:hover{color:var(--fg)}.login-alt[open] summary{margin-bottom:12px}