/* S05-E M69: verbatim Blade CSS moved to first-party stylesheet. */
        [x-cloak] {
            display: none !important;
        }

        .fade-enter-active,
        .fade-leave-active {
            transition: opacity 0.3s;
        }

        .fade-enter,
        .fade-leave-to {
            opacity: 0;
        }

        /* Enhanced Input Focus States */
        input:focus {
            box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
            border-color: #f59e0b !important;
            transition: all 0.2s ease;
        }

        input {
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        /* Chrome Autofill Styling */
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus {
            -webkit-text-fill-color: #fff;
            -webkit-box-shadow: 0 0 0px 1000px #1e293b inset;
            transition: background-color 5000s ease-in-out 0s;
        }

        /* Loading Dots Animation */
        .loading-dot {
            animation: bounce 1.4s infinite ease-in-out both;
        }

        .loading-dot:nth-child(1) {
            animation-delay: -0.32s;
        }

        .loading-dot:nth-child(2) {
            animation-delay: -0.16s;
        }

        .loading-dot:nth-child(3) {
            animation-delay: 0s;
        }

        @keyframes bounce {

            0%,
            80%,
            100% {
                transform: scale(0);
            }

            40% {
                transform: scale(1);
            }
        }

        /* Decorative Pattern */
        .dot-pattern {
            background-image: radial-gradient(circle, rgba(251, 191, 36, 0.15) 1px, transparent 1px);
            background-size: 24px 24px;
        }

        /* Spinner fallback */
        .spinner {
            border: 3px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top: 3px solid white;
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* Button Arrow Animation */
        .group:hover .arrow-animate {
            transform: translateX(4px);
        }

        .arrow-animate {
            transition: transform 0.2s ease;
        }

/* M69: original golden login/registration CTA treatment. */
.s05-auth-primary-button {
    background: linear-gradient(180deg, #D4AF37 0%, #AA8C2C 100%);
    box-shadow: 0 4px 12px rgba(120, 90, 20, 0.4);
}