/* ========================================= */
/* PREMIUM SECTION BACKGROUNDS               */
/* ========================================= */

/* 1. Mindset Zone (Pain Points) 
   Dark Navy Base + Subtle spotlight to focus attention
*/
#mindset-zone {
    background: radial-gradient(circle at 50% 0%, #1a2c4e 0%, #0a192f 60%, #060f1e 100%);
    position: relative;
    overflow: hidden;
}

/* Add a subtle noise texture overlay if desired, but keeping it clean for now */
#mindset-zone::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.5;
    pointer-events: none;
}

/* 2. Curriculum (Mastery Roadmap) 
   Deep Space / Layered look
*/
#curriculum {
    background: linear-gradient(180deg, #060f1e 0%, #0f172a 100%);
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* 3. Calculator (VN30F1M)
   Tech Grid Pattern background
*/
#r-calc {
    background-color: #0f172a;
    background-image:
        linear-gradient(rgba(16, 185, 129, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 185, 129, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    position: relative;
    overflow: hidden;
}

#r-calc::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 30% 50%, rgba(16, 185, 129, 0.08), transparent 60%);
    pointer-events: none;
}

/* 4. Social Proof (Testimonials)
   Clean dark with top glow
*/
#social-proof {
    background: #060f1e;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

#social-proof::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--emerald), transparent);
    opacity: 0.5;
}

/* 5. Footer (Register)
   Solid dark base
*/
#register {
    background: #020617;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}