body { font-family: 'Exo 2', sans-serif; background-color: #030712; color: #9ca3af; }
        h1, h2, h3, h4 { color: #f9fafb; font-weight: 600; }
        .hero-bg { background-color: #030712; background-image: radial-gradient(circle at top right, rgba(29, 78, 216, 0.3), transparent 40%), radial-gradient(circle at bottom left, rgba(132, 204, 22, 0.2), transparent 50%); }
        .modal { display: none; }
        .modal.active { display: flex; }
        .form-confirmation { display: none; }
        .form-confirmation.active { display: block; }
        .text-accent { color: #0cd4fe; }
        .bg-accent { background-color: #0cd4fe; }
        .hover\:bg-accent-dark:hover { background-color: #37d7f8; }
        .border-accent { border-color: #0cd4fe; }
        .glassmorphism { background: rgba(17, 24, 39, 0.5); backdrop-filter: blur(10px); border: 1px solid rgba(55, 65, 81, 0.3); }