/* ==========================================================================
   Operatix – Animationen fuer die Login-Shell.
   Bewusst sehr dezent (Enterprise). Respektiert prefers-reduced-motion.
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {

    /* Sehr langsame Parallax-Drift des Hintergrunds -> "lebendig", nicht ablenkend.
       Haengt am <html>-::before (siehe operatix.css) – an <body> wuerde der
       Filter aus themes.css Scrollbalken erzeugen. */
    html.opx-enterprise::before,
    html::before {
        animation: ox-drift 44s ease-in-out infinite alternate;
        will-change: transform;
    }

    @keyframes ox-drift {
        from { transform: scale(1.04) translate(0, 0); }
        to   { transform: scale(1.06) translate(-16px, -12px); }
    }

    /* Sanfter Auftritt der Login-Karte. */
    .login-container {
        animation: ox-rise 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) both;
    }

    @keyframes ox-rise {
        from { opacity: 0; transform: translateY(18px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    /* Signet: einmaliges dezentes Aufglimmen beim Laden. */
    .ox-signet {
        animation: ox-signet-in 0.7s ease-out both;
    }

    @keyframes ox-signet-in {
        from { opacity: 0; transform: scale(0.92); }
        to   { opacity: 1; transform: scale(1); }
    }
}