body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #0c0b0e;
            color: #f3f4f6;
            overflow-x: hidden;
        }

        /* Distinct Color Gradients per Section */
        /* Section 1: Hero - Warm Champagne & Midnight Crimson Rose */
        #section-hero {
            background: linear-gradient(180deg, #13080c 0%, #2b111a 40%, #401827 75%, #18080f 100%);
        }

        /* Section 2: Mempelai - Warm Olive & Jade Forest */
        #section-mempelai {
            background: linear-gradient(180deg, #09140f 0%, #132b21 45%, #1e4535 75%, #0b1a13 100%);
        }

        /* Section 3: Acara - Venetian Navy & Regal Gold */
        #section-acara {
            background: linear-gradient(180deg, #09101d 0%, #142138 45%, #1f3354 75%, #0a1322 100%);
        }

        /* Section 4: Album - Deep Plum & Romantic Violet */
        #section-galeri {
            background: linear-gradient(180deg, #16071a 0%, #301038 45%, #4b1957 75%, #18081d 100%);
        }

        /* Section 5: Story - Terracotta & Warm Ochre Amber */
        #section-story {
            background: linear-gradient(180deg, #1a0d07 0%, #3d1f11 45%, #5e3019 75%, #1f1008 100%);
        }

        /* Section 6: Gift - Platinum Slate & Charcoal Gold */
        #section-hadiah {
            background: linear-gradient(180deg, #0d1017 0%, #1a202c 45%, #2a3447 75%, #0f141e 100%);
        }

        /* Section 7: RSVP & Wishes - Ethereal Mauve & Dusk Berry */
        #section-ucapan {
            background: linear-gradient(180deg, #170813 0%, #36102b 45%, #541943 75%, #1a0815 100%);
        }

        /* Glassmorphism Styles */
        .glass-panel {
            background: rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.12);
        }

        .glass-gold {
            background: rgba(212, 175, 55, 0.08);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(212, 175, 55, 0.3);
        }

        /* Custom Wax Seal Animation */
        @keyframes waxPulse {
            0%, 100% { transform: scale(1); box-shadow: 0 0 20px rgba(212, 175, 55, 0.4); }
            50% { transform: scale(1.06); box-shadow: 0 0 35px rgba(212, 175, 55, 0.7); }
        }

        .wax-seal {
            animation: waxPulse 3s infinite ease-in-out;
        }

        /* Floating Pink Heart Keyframes & Styles */
        .floating-heart {
            position: fixed;
            pointer-events: none;
            z-index: 60;
            animation: floatHeart linear forwards;
            filter: drop-shadow(0 4px 10px rgba(244, 114, 182, 0.5));
        }

        @keyframes floatHeart {
            0% {
                transform: translateY(-50px) rotate(-15deg) scale(0.8);
                opacity: 1;
            }
            50% {
                transform: translateY(50vh) rotate(15deg) scale(1.1);
            }
            100% {
                transform: translateY(108vh) rotate(-30deg) scale(0.9);
                opacity: 0.1;
            }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 7px;
        }
        ::-webkit-scrollbar-track {
            background: #09080a;
        }
        ::-webkit-scrollbar-thumb {
            background: #c5a374;
            border-radius: 4px;
        }