/* ── Matrix Background — auth pages ─────────────────────────────────────── */

html:has([data-page="login"]),
html:has([data-page="register"]) {
    background: #000;
}

.ck-falling-pattern {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background: #000;
}

.matrix-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* Fade-in on load */
.ck-falling-pattern {
    animation: ck-fp-fadein 0.3s ease both;
}

@keyframes ck-fp-fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .ck-falling-pattern {
        animation: none;
    }
}