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

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

        input,
        select {
            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,
        select:-webkit-autofill,
        select:-webkit-autofill:hover,
        select:-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;
        }

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

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

        /* Custom Scrollbar for form container */
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }

        .custom-scrollbar::-webkit-scrollbar-track {
            background: #0f172a;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 3px;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #475569;
        }

/* 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);
}