:root {
            --primary-start: #4F46E5; /* Indigo */
            --primary-end: #0EA5E9;   /* Sky Blue */
            --background-dark: #000411;
            --card-bg-start: rgba(15, 23, 42, 0.6); /* Slate-900 with alpha */
            --card-bg-end: rgba(15, 23, 42, 0.4);
            --card-border: rgba(79, 70, 229, 0.2);
            --card-border-hover: rgba(79, 70, 229, 0.4);
            --card-solid-bg: rgba(15, 23, 42, 0.8); /* Solid card bg */
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--background-dark);
            color: #E0E0E0;
            overflow-x: hidden;
            line-height: 1.7; 
        }
        
        /* Static Background Styles */
        .static-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }

        .static-bg .glow-point {
            position: absolute;
            border-radius: 50%;
            filter: blur(150px);
            transition: all 1s ease-in-out;
        }
        .static-bg .glow-point-1 {
            width: 500px; height: 500px; top: -15%; right: -15%; background: rgba(14, 165, 233, 0.2);
        }
        .static-bg .glow-point-2 {
            width: 400px; height: 400px; bottom: -15%; left: -15%; background: rgba(79, 70, 229, 0.15);
        }

        /* CARD STYLES */
        .card {
            border-radius: 1rem;
            transition: all 0.3s ease-in-out;
            border: 1px solid var(--card-border);
        }
        .card-glass {
            background: linear-gradient(135deg, var(--card-bg-start), var(--card-bg-end));
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        .card-solid {
            background-color: var(--card-solid-bg);
        }
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            border-color: var(--card-border-hover);
        }

        /* BUTTONS AND TEXT */
        .btn-glow {
            background: linear-gradient(90deg, var(--primary-start), var(--primary-end));
            border: none;
            box-shadow: 0 0 15px rgba(79, 70, 229, 0.5);
            transition: all 0.3s ease-in-out;
        }
        .btn-glow:hover {
            transform: translateY(-3px);
            box-shadow: 0 0 25px rgba(79, 70, 229, 0.8), 0 0 45px rgba(14, 165, 233, 0.6);
        }
        .btn-outline-glow {
            background: transparent;
            border: 1px solid var(--primary-start);
            color: var(--primary-end);
            box-shadow: 0 0 10px rgba(79, 70, 229, 0.3);
            transition: all 0.3s ease-in-out;
        }
        .btn-outline-glow:hover {
            background: rgba(79, 70, 229, 0.1);
            box-shadow: 0 0 20px rgba(79, 70, 229, 0.6);
            color: white;
            transform: translateY(-2px);
        }

        .text-gradient-primary {
            background: linear-gradient(90deg, var(--primary-start), var(--primary-end));
            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
            background-clip: text; text-fill-color: transparent;
        }
        .section-title {
            text-shadow: 0 0 15px rgba(14, 165, 233, 0.4);
            letter-spacing: -0.02em;
        }
        
        /* SCROLL ANIMATION */
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        .animate-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* OTHER STYLES */
        audio {
            filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
            border-radius: 8px;
        }
        .faq-item summary::-webkit-details-marker { display: none; }
        .faq-item summary { list-style: none; }
        .faq-item[open] summary .plus-icon { transform: rotate(45deg); }
        .modal-overlay {
            position: fixed; top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
            display: flex; align-items: center; justify-content: center;
            z-index: 1000;
            opacity: 0; visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
        }
        .modal-overlay.visible { opacity: 1; visibility: visible; }
        .modal-content {
            width: 90%; max-width: 550px; padding: 2rem;
            transform: scale(0.95);
            transition: transform 0.3s;
        }
        .modal-overlay.visible .modal-content { transform: scale(1); }
        .loader {
            border: 4px solid rgba(255, 255, 255, 0.2);
            border-left-color: var(--primary-end);
            border-radius: 50%;
            width: 30px; height: 30px;
            animation: spin 1s linear infinite;
        }
        @keyframes spin { to { transform: rotate(360deg); } }


        /* Increased spacing between sections */
        section {
            padding-top: 6rem; /* 96px */
            padding-bottom: 6rem; /* 96px */
        }
        header {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }