/* ==========================================================================
   BWA Landing Page — Marcelo-Inspired 3D Design Enhancement Layer
   Overrides the inline base styles with deeper shadows, richer glows,
   upgraded glassmorphism, and premium animation polish.
   Does NOT change layout, copy, or page structure.
   ========================================================================== */

/* ===== ENHANCED CSS VARIABLES ===== */
:root {
    --glow-gold: 0 0 40px rgba(255,184,0,0.35), 0 0 90px rgba(255,184,0,0.15), 0 0 160px rgba(255,184,0,0.07);
    --glow-orange: 0 0 40px rgba(255,85,0,0.5), 0 0 90px rgba(255,85,0,0.22), 0 0 160px rgba(255,85,0,0.09);
    --shadow-card: 0 32px 100px rgba(0,0,0,0.7), 0 12px 32px rgba(0,0,0,0.5);
    --glass-bg: rgba(10, 16, 32, 0.55);
    --glass-border: rgba(255,255,255,0.11);
    --gold-glow-under: 0 20px 60px rgba(255,184,0,0.2), 0 40px 120px rgba(255,184,0,0.08);
}

/* ===== ENHANCED NOISE TEXTURE ===== */
body::before {
    opacity: 0.032;
}

/* ===== ENHANCED GOLD SHIMMER TEXT ===== */
.hero h1 .accent-gold {
    background: linear-gradient(90deg,
        #FFB800 0%, #FFE066 25%, #FF8C00 50%, #FFD24D 75%, #FFB800 100%);
    background-size: 300% auto;
    animation: text-shimmer 3s linear infinite;
    filter: drop-shadow(0 0 20px rgba(255,184,0,0.4));
}

/* ===== HERO SECTION DEPTH ===== */
.hero {
    background:
        radial-gradient(ellipse 90% 70% at 60% 15%, rgba(0,35,85,0.8) 0%, transparent 55%),
        radial-gradient(ellipse 70% 50% at 20% 85%, rgba(255,184,0,0.05) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 80% 60%, rgba(0,100,200,0.04) 0%, transparent 60%),
        var(--bg-dark);
}

/* ===== ENHANCED ORB ANIMATIONS ===== */
.hero-orb-1 {
    width: 900px;
    height: 900px;
    background: radial-gradient(circle, rgba(0,150,255,0.11) 0%, rgba(0,90,220,0.05) 35%, transparent 65%);
    animation: orb-drift-1 22s ease-in-out infinite;
}

.hero-orb-2 {
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255,184,0,0.09) 0%, rgba(255,130,0,0.04) 35%, transparent 65%);
    animation: orb-drift-2 26s ease-in-out infinite;
}

.hero-orb-3 {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255,85,0,0.06) 0%, rgba(255,50,0,0.02) 40%, transparent 65%);
    animation: orb-drift-1 30s ease-in-out infinite reverse;
}

/* ===== HERO BADGE GLOW ===== */
.hero-badge {
    animation: border-glow 3s ease-in-out infinite;
    box-shadow: 0 0 20px rgba(255,184,0,0.08);
}

/* ===== HERO PILLS ENHANCED ===== */
.hero-pill {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: all 0.25s ease;
}
.hero-pill:hover {
    background: rgba(255,184,0,0.08);
    border-color: rgba(255,184,0,0.25);
    transform: translateY(-1px);
}

/* ===== 3D BOOK ENHANCED ===== */
.hero-mockup {
    perspective: 1200px;
}

/* Larger, more visible rotating rings */
.hero-mockup::before {
    width: 360px;
    height: 360px;
    border: 1.5px solid rgba(255,184,0,0.1);
    box-shadow:
        0 0 80px rgba(255,184,0,0.08),
        inset 0 0 80px rgba(255,184,0,0.05);
    animation: rotate-slow 18s linear infinite;
}

.hero-mockup::after {
    width: 290px;
    height: 290px;
    border: 1.5px dashed rgba(255,184,0,0.08);
    animation: rotate-slow 12s linear infinite reverse;
}

/* Book cover: deeper shadows + gold underglow */
.book-cover {
    box-shadow:
        -12px 0 0 rgba(0,0,0,0.65),
        -24px 12px 60px rgba(0,0,0,0.95),
        0 35px 120px rgba(255,184,0,0.3),
        0 15px 50px rgba(255,184,0,0.2),
        0 50px 80px rgba(255,100,0,0.1),
        inset 5px 0 0 rgba(255,184,0,0.14),
        inset 0 0 80px rgba(255,184,0,0.04);
    border: 1px solid rgba(255,184,0,0.3);
}

/* Brighter book title glow */
.book-title-text {
    text-shadow: 0 0 40px rgba(255,184,0,0.8), 0 0 80px rgba(255,184,0,0.4), 0 0 120px rgba(255,184,0,0.15);
}

/* Enhanced book glow underneath */
.book-glow {
    width: 260px;
    height: 80px;
    bottom: -60px;
    background: radial-gradient(ellipse, rgba(255,184,0,0.45) 0%, rgba(255,100,0,0.15) 35%, transparent 65%);
    filter: blur(20px);
}

/* Price tag: stronger pulsing */
.book-price-tag {
    box-shadow:
        0 6px 30px rgba(255,184,0,0.7),
        0 0 60px rgba(255,184,0,0.35),
        0 0 100px rgba(255,184,0,0.12),
        inset 0 2px 0 rgba(255,255,255,0.35);
}

/* ===== EMAIL CAPTURE ENHANCED ===== */
.email-capture {
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.05) inset,
        0 24px 80px rgba(0,0,0,0.55),
        0 0 50px rgba(255,184,0,0.08);
    border-color: rgba(255,184,0,0.28);
}
.email-capture::before {
    background: linear-gradient(90deg, transparent, rgba(255,184,0,0.7), rgba(255,210,77,0.4), transparent);
    height: 2px;
}

/* ===== GLASSMORPHISM CARDS — ALL CARD TYPES ===== */
.number-card,
.testimonial-card,
.learn-card,
.bonus-card,
.hook-item {
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.05) inset,
        0 1px 0 rgba(255,255,255,0.04) inset,
        var(--shadow-card);
}

/* Enhanced card hovers with dramatic lift */
.number-card:hover {
    transform: translateY(-10px) scale(1.025);
    box-shadow:
        var(--shadow-card),
        var(--glow-gold),
        0 0 0 1px rgba(255,184,0,0.15) inset;
    border-color: rgba(255,184,0,0.35);
}

.learn-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow:
        var(--shadow-card),
        0 0 40px rgba(255,184,0,0.08),
        0 0 0 1px rgba(255,184,0,0.1) inset;
    border-color: rgba(255,184,0,0.3);
}

.testimonial-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow:
        0 0 0 1px rgba(255,184,0,0.12) inset,
        0 35px 70px rgba(0,0,0,0.55),
        0 0 50px rgba(255,184,0,0.08);
    border-color: rgba(255,184,0,0.3);
}

.hook-item:hover {
    transform: translateY(-3px) scale(1.01);
    box-shadow:
        0 12px 32px rgba(0,0,0,0.4),
        0 0 25px rgba(255,184,0,0.05);
    border-color: rgba(255,184,0,0.25);
}

.bonus-card:hover {
    transform: translateX(8px) translateY(-2px);
    box-shadow:
        0 12px 40px rgba(0,0,0,0.4),
        -6px 0 25px rgba(255,184,0,0.06);
    border-color: rgba(255,184,0,0.3);
}

/* ===== PRICING CARD ENHANCED ===== */
.pricing-card {
    box-shadow:
        var(--shadow-card),
        var(--glow-gold),
        0 0 0 1px rgba(255,184,0,0.08) inset,
        0 0 80px rgba(255,184,0,0.06);
    border-color: rgba(255,184,0,0.38);
}

.pricing-card::before {
    height: 4px;
    background: linear-gradient(90deg,
        transparent 0%, rgba(255,184,0,0.3) 15%, #FFB800 35%, #FFD24D 50%, #FFB800 65%, rgba(255,184,0,0.3) 85%, transparent 100%);
}

/* ===== CTA BUTTONS ENHANCED ===== */
.btn-primary {
    background: linear-gradient(135deg, #FF5500 0%, #FF3D00 40%, #FF2200 70%, #CC1800 100%);
    animation: pulse-glow 2.2s ease infinite;
    border-top: 1px solid rgba(255,255,255,0.18);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #FF6600 0%, #FF4D00 40%, #FF3300 70%, #DD2200 100%);
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 10px 50px rgba(255,85,0,0.65), 0 0 100px rgba(255,85,0,0.3), 0 0 0 2px rgba(255,85,0,0.15);
}

.pricing-btn {
    background: linear-gradient(135deg, #FF5500 0%, #FF3D00 40%, #FF2200 70%, #CC1800 100%);
    border-top: 1px solid rgba(255,255,255,0.18);
}

.pricing-btn:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 12px 60px rgba(255,85,0,0.65), 0 0 120px rgba(255,85,0,0.25), 0 0 0 2px rgba(255,85,0,0.15);
}

/* ===== SECTION BACKGROUNDS ENHANCED ===== */
.story-section {
    clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
    background:
        radial-gradient(ellipse 70% 50% at 85% 45%, rgba(0,110,255,0.05) 0%, transparent 65%),
        radial-gradient(ellipse 50% 35% at 15% 55%, rgba(255,184,0,0.04) 0%, transparent 65%),
        radial-gradient(ellipse 40% 30% at 50% 80%, rgba(255,85,0,0.02) 0%, transparent 60%),
        var(--bg-mid);
}

.hooks-section {
    clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
    background:
        radial-gradient(ellipse 55% 55% at 50% 50%, rgba(0,180,255,0.04) 0%, transparent 65%),
        radial-gradient(ellipse 40% 30% at 20% 30%, rgba(255,184,0,0.02) 0%, transparent 60%),
        var(--bg-mid);
}

.testimonials-section {
    clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
    background:
        radial-gradient(ellipse 65% 65% at 30% 40%, rgba(255,184,0,0.04) 0%, transparent 65%),
        radial-gradient(ellipse 50% 40% at 70% 60%, rgba(0,100,255,0.03) 0%, transparent 60%),
        var(--bg-mid);
}

.pricing-section {
    clip-path: polygon(0 6%, 100% 0, 100% 94%, 0 100%);
    background:
        radial-gradient(ellipse 85% 65% at 50% 50%, rgba(255,184,0,0.05) 0%, transparent 65%),
        radial-gradient(ellipse 45% 45% at 80% 20%, rgba(0,100,255,0.035) 0%, transparent 65%),
        radial-gradient(ellipse 35% 35% at 20% 80%, rgba(255,85,0,0.02) 0%, transparent 60%),
        var(--bg-mid);
}

.faq-section {
    clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
    background:
        radial-gradient(ellipse 55% 55% at 70% 50%, rgba(0,110,255,0.04) 0%, transparent 65%),
        radial-gradient(ellipse 40% 40% at 30% 30%, rgba(255,184,0,0.02) 0%, transparent 60%),
        var(--bg-mid);
}

/* ===== FINAL CTA ENHANCED ===== */
.final-cta {
    background:
        radial-gradient(ellipse 110% 90% at 50% 50%, rgba(0,30,70,0.8) 0%, var(--bg-dark) 65%),
        radial-gradient(ellipse 65% 45% at 80% 70%, rgba(255,85,0,0.05) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 20% 30%, rgba(0,100,255,0.03) 0%, transparent 55%);
}

.final-cta-orb {
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255,184,0,0.08) 0%, rgba(255,100,0,0.03) 35%, transparent 65%);
}

/* Larger decorative rings */
.final-cta::before {
    width: 1000px;
    height: 1000px;
    border-color: rgba(255,184,0,0.05);
    animation: rotate-slow 40s linear infinite;
}

.final-cta::after {
    width: 700px;
    height: 700px;
    border-color: rgba(255,184,0,0.07);
    animation: rotate-slow 28s linear infinite reverse;
}

/* Gold text in final CTA */
.final-cta h2 .gold {
    background: linear-gradient(90deg, #FFB800 0%, #FFE066 30%, #FF8C00 60%, #FFD24D 90%, #FFB800 100%);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: text-shimmer 3s linear infinite;
    filter: drop-shadow(0 0 15px rgba(255,184,0,0.3));
}

/* ===== STATS BAR ENHANCED ===== */
.stats-bar {
    background: linear-gradient(180deg, rgba(8,14,28,0.97) 0%, var(--bg-mid) 100%);
}
.stats-bar::before {
    background: linear-gradient(90deg, transparent, rgba(255,184,0,0.5), rgba(255,210,77,0.3), transparent);
    height: 2px;
}

.stat-bar-num {
    text-shadow: var(--glow-gold);
}

/* ===== ABOUT SECTION CARD ===== */
.about-card {
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.04) inset,
        var(--shadow-card);
}
.about-card:hover {
    box-shadow:
        0 0 0 1px rgba(255,184,0,0.08) inset,
        var(--shadow-card),
        0 0 50px rgba(255,184,0,0.06);
}

/* About avatar subtle glow */
.about-avatar {
    box-shadow: 0 0 40px rgba(255,184,0,0.15), 0 0 80px rgba(255,184,0,0.05);
}

/* ===== STORY CALLOUT ENHANCED ===== */
.story-callout {
    animation: border-glow 4s ease-in-out infinite;
    box-shadow: 0 0 30px rgba(255,184,0,0.05), -3px 0 20px rgba(255,184,0,0.04);
}

/* ===== MATH CALLOUT ENHANCED ===== */
.math-callout {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 0 0 1px rgba(255,255,255,0.03) inset, 0 8px 30px rgba(0,0,0,0.3);
}

/* ===== NAV ENHANCED ===== */
.nav {
    background: rgba(4,6,13,0.88);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 4px 30px rgba(0,0,0,0.3);
}

.nav-cta {
    background: linear-gradient(135deg, #FF5500 0%, #FF3300 100%);
    box-shadow: 0 2px 12px rgba(255,85,0,0.3);
}
.nav-cta:hover {
    box-shadow: 0 4px 20px rgba(255,85,0,0.5);
}

/* ===== FOOTER ENHANCED ===== */
footer {
    border-top: 1px solid rgba(255,255,255,0.05);
    background:
        radial-gradient(ellipse 60% 80% at 50% 100%, rgba(0,20,50,0.3) 0%, transparent 70%),
        var(--bg-dark);
}

/* ===== ENHANCED KEYFRAMES ===== */

/* Orbs drift with more range */
@keyframes orb-drift-1 {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
    25% { transform: translate(50px, -40px) scale(1.06); opacity: 0.9; }
    50% { transform: translate(-30px, 25px) scale(0.96); opacity: 1; }
    75% { transform: translate(20px, -15px) scale(1.03); opacity: 0.95; }
}

@keyframes orb-drift-2 {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 1; }
    30% { transform: translate(-60px, 35px) scale(1.09); opacity: 0.9; }
    60% { transform: translate(40px, -25px) scale(0.94); opacity: 1; }
    85% { transform: translate(-20px, 10px) scale(1.02); opacity: 0.95; }
}

/* Stronger border glow cycle */
@keyframes border-glow {
    0%, 100% { border-color: rgba(255,184,0,0.28); }
    50% { border-color: rgba(255,184,0,0.55); }
}

/* More visible pulse-gold */
@keyframes pulse-gold {
    0%, 100% {
        box-shadow: 0 4px 24px rgba(255,184,0,0.35),
                    0 0 50px rgba(255,184,0,0.12);
    }
    50% {
        box-shadow: 0 8px 40px rgba(255,184,0,0.6),
                    0 0 80px rgba(255,184,0,0.25);
    }
}

/* Stronger pulse-glow on CTAs */
@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 6px 24px rgba(255,85,0,0.5),
                    0 0 0 0 rgba(255,85,0,0.3),
                    0 10px 50px rgba(255,85,0,0.25);
    }
    50% {
        box-shadow: 0 8px 40px rgba(255,85,0,0.75),
                    0 0 0 12px rgba(255,85,0,0),
                    0 14px 70px rgba(255,85,0,0.35);
    }
}

/* ===== SCROLL REVEAL ENHANCEMENT ===== */
.reveal {
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ===== GUARANTEE BADGE ===== */
.guarantee-badge {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* ===== RESPONSIVE ENHANCEMENTS ===== */
@media (max-width: 900px) {
    .final-cta::before { width: 600px; height: 600px; }
    .final-cta::after { width: 400px; height: 400px; }
    .final-cta-orb { width: 500px; height: 500px; }
}

@media (max-width: 480px) {
    .hero-orb-1 { width: 500px; height: 500px; }
    .hero-orb-2 { width: 400px; height: 400px; }
    .hero-orb-3 { width: 250px; height: 250px; }
}