/* Shared authentication card controls; page-specific dialogs and notices stay local. */
:where(.sds-auth-card) .card {
            width: min(460px, 100%);
            border: 1px solid var(--border);
            background: var(--panel);
            padding: 32px;
        }
:where(.sds-auth-card) h1 { margin: 0 0 12px; font-size: 28px; letter-spacing: -0.01em; }
:where(.sds-auth-card) p { margin: 0 0 22px; color: var(--muted); }
:where(.sds-auth-card) label {
            display: block;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.12em;
            color: rgba(235,230,217,0.6);
            margin-bottom: 8px;
        }
:where(.sds-auth-card) input {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid rgba(255,255,255,0.12);
            background: rgba(0,0,0,0.18);
            color: var(--text);
            font: inherit;
            margin-bottom: 16px;
        }
:where(.sds-auth-card) button {
            width: 100%;
            padding: 12px 14px;
            border: 1px solid rgba(255,255,255,0.16);
            background: rgba(255,255,255,0.06);
            color: var(--text);
            font: inherit;
            cursor: pointer;
        }
:where(.sds-auth-card) button:hover { border-color: rgba(255,255,255,0.24); background: rgba(255,255,255,0.09); }

/* Shared page layout for the three authentication forms. */
:where(.sds-auth-card), :where(.sds-auth-card) * { box-sizing: border-box; }
body:where(.sds-auth-card) {
            margin: 0;
            min-height: 100vh;
            font-family: 'Questrial', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            background: radial-gradient(circle at 18% 18%, rgba(255,255,255,0.03), transparent 26%), var(--bg);
            color: var(--text);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
        }