body { font-family: 'Roboto', sans-serif; background-color: #f5eeff; }
        h1, h2, h3 { font-family: 'Playfair Display', serif; }
        .hero-bg { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/hero.jpg'); background-size: cover; background-position: center; }
        .modal { display: none; }
        .modal.active { display: flex; }
        .form-confirmation { display: none; }
        .form-confirmation.active { display: block; }
        .btn-primary { background-color: #8c44e7; color: white; }
        .btn-primary:hover { background-color: #701dd8; }
        .text-primary { color: #8c44e7; }
        .border-primary { border-color: #8c44e7; }