@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Playfair+Display:wght@700&display=swap');
        
        :root {
            --color-canvas: #fdfcfb;
            --color-surface: #ffffff;
            --color-text: #1a202c;
            --color-text-muted: #4a5568;
            --color-accent: #be123c;
            --color-border: #e2e8f0;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--color-canvas);
            color: var(--color-text);
        }

        h1, h2, h3 {
            font-family: 'Playfair Display', serif;
        }

        .nav-link {
            transition: color 0.2s ease;
            cursor: pointer;
        }

        .nav-link:hover {
            color: var(--color-accent);
        }

        .btn-primary {
            background-color: var(--color-accent);
            transition: transform 0.2s ease, background-color 0.2s ease;
        }

        .btn-primary:hover {
            background-color: #9f1131;
            transform: translateY(-2px);
        }

        .page-section {
            display: none;
        }

        .page-section.active {
            display: block;
        }

        /* Accordion Animation */
        .accordion-content {
            display: none;
        }
        .accordion-item.active .accordion-content {
            display: block;
        }
        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
        }