:root {
            --solar-gold: #fbbf24;
            --deep-navy: #0f172a;
        }
        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            /* background: #f8fafc; */
            
            background: #c8d2dc;
            
            color: #0f172a;
            overflow-x: hidden;
        }

        /* Solar Background Elements */
        .solar-bg-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
            pointer-events: none;
        }

        .solar-icon-1 {
            position: absolute;
            top: -10%;
            right: -5%;
            width: 45%;
            opacity: 0.05;
            transform: rotate(-15deg);
            animation: solar-orbit 30s infinite linear;
        }

        .solar-icon-2 {
            position: absolute;
            bottom: -8%;
            left: -5%;
            width: 38%;
            opacity: 0.04;
            transform: rotate(10deg);
            animation: pulse-slow 12s infinite ease-in-out;
        }

        @keyframes solar-orbit {
            0% { transform: rotate(0deg) translate(0, 0) scale(1); }
            33% { transform: rotate(5deg) translate(-20px, 40px) scale(1.05); }
            66% { transform: rotate(-5deg) translate(10px, -20px) scale(0.95); }
            100% { transform: rotate(0deg) translate(0, 0) scale(1); }
        }

        @keyframes pulse-slow {
            0%, 100% { transform: rotate(10deg) scale(1); opacity: 0.04; }
            50% { transform: rotate(15deg) scale(1.08); opacity: 0.07; }
        }

        /* Form styling */
        .form-input {
            border: 2px solid #006dff66;
            background: #ffffff;
            transition: all 0.3s ease;
        }
        .form-input:focus {
            border-color: #fbbf24;
            box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.1);
            outline: none;
        }

        .step-hidden { display: none; opacity: 0; }
        .step-active { display: block; animation: fadeIn 0.5s ease forwards; }
        @keyframes fadeIn { 
            from { opacity: 0; transform: translateY(10px); } 
            to { opacity: 1; transform: translateY(0); } 
        }

        .gold-btn {
            background: #0f172a;
            color: white;
            transition: all 0.3s ease;
        }
        .gold-btn:hover {
            background: #fbbf24;
            color: #0f172a;
            transform: translateY(-1px);
        }

        .error-shake { animation: shake 0.4s ease-in-out; border-color: #ef4444 !important; }
        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-4px); }
            75% { transform: translateX(4px); }
        }

        .loading-dot {
            width: 6px;
            height: 6px;
            background: currentColor;
            border-radius: 50%;
            animation: bounce 0.6s infinite alternate;
        }
        @keyframes bounce { to { opacity: 0.3; transform: translateY(-4px); } }

        .form-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.08);
        }