.auth-panel {
    background: linear-gradient(160deg, var(--color-primary), var(--color-secondary));
    position: relative;
}

[data-theme="dark"] .auth-panel {
    background:
        radial-gradient(circle at 15% 15%, color-mix(in oklch, var(--color-primary) 35%, transparent), transparent 55%),
        radial-gradient(circle at 85% 85%, color-mix(in oklch, var(--color-secondary) 30%, transparent), transparent 55%),
        var(--color-base-100);
}

.auth-panel .bg-dot-grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1.5px, transparent 1.5px);
    background-size: 26px 26px;
    pointer-events: none;
}

.auth-input:focus-within .input {
    outline: 2px solid var(--color-primary);
    outline-offset: 0;
}

.stat-accent-1 {
    color: #ffffff;
}
.stat-accent-2 {
    color: #ffffff;
}
[data-theme="dark"] .stat-accent-1 {
    color: var(--color-primary);
}
[data-theme="dark"] .stat-accent-2 {
    color: var(--color-secondary);
}

/* ─── Captcha ─────────────────────────────────────────────────────────────── */

img.captcha {
    display: block;
    height: 3rem;
    width: auto;
    border-radius: var(--radius-field, 0.5rem);
    border: 1px solid var(--color-base-300, #e2e8f0);
    background: var(--color-base-200, #f8fafc);
    margin-bottom: 0.25rem;
}

[data-theme="dark"] img.captcha {
    border-color: var(--color-base-300, #29354a);
    background: var(--color-base-200, #1a2436);
}