.lq-auth-preview {
                animation: lq-auth-rise .75s cubic-bezier(.16, 1, .3, 1) both;
            }

            .lq-auth-preview-shell {
                animation: lq-auth-float 7s ease-in-out infinite;
            }

            .lq-auth-preview-panel {
                position: relative;
                overflow: hidden;
            }

            .lq-auth-preview-panel::before {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(115deg, transparent 0%, transparent 42%, rgba(255, 197, 45, .16) 47%, transparent 54%, transparent 100%);
                transform: translateX(-55%);
                animation: lq-auth-sheen 5.5s ease-in-out infinite;
                pointer-events: none;
            }

            .lq-auth-qr {
                animation: lq-auth-pop .6s cubic-bezier(.16, 1, .3, 1) both, lq-auth-pulse 3.8s ease-in-out infinite;
            }

            .lq-auth-row {
                animation: lq-auth-rise .55s cubic-bezier(.16, 1, .3, 1) both;
                animation-delay: var(--lq-delay);
                transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
            }

            .lq-auth-row:hover {
                border-color: rgba(95, 141, 255, .5);
                box-shadow: 0 16px 35px -28px rgba(24, 23, 20, .55);
                transform: translateX(6px);
            }

            .lq-auth-row i:last-child {
                transition: transform .25s ease, color .25s ease;
            }

            .lq-auth-row:hover i:last-child {
                color: #5f8dff;
                transform: translate(2px, -2px);
            }

            .lq-auth-metric {
                animation: lq-auth-pop .5s cubic-bezier(.16, 1, .3, 1) both;
                animation-delay: var(--lq-delay);
            }

            @keyframes lq-auth-rise {
                from { opacity: 0; transform: translateY(18px) scale(.985); }
                to { opacity: 1; transform: translateY(0) scale(1); }
            }

            @keyframes lq-auth-float {
                0%, 100% { transform: translateY(0); }
                50% { transform: translateY(-8px); }
            }

            @keyframes lq-auth-pop {
                from { opacity: 0; transform: scale(.92); }
                to { opacity: 1; transform: scale(1); }
            }

            @keyframes lq-auth-pulse {
                0%, 100% { box-shadow: 0 0 0 0 rgba(24, 23, 20, .18); }
                50% { box-shadow: 0 0 0 10px rgba(24, 23, 20, 0); }
            }

            @keyframes lq-auth-sheen {
                0%, 45% { transform: translateX(-60%); }
                70%, 100% { transform: translateX(65%); }
            }

            @media (prefers-reduced-motion: reduce) {
                .lq-auth-preview,
                .lq-auth-preview-shell,
                .lq-auth-preview-panel,
                .lq-auth-qr,
                .lq-auth-row,
                .lq-auth-metric {
                    animation: none !important;
                    transition: none !important;
                }
            }