/* Define custom colors using CSS variables for reuse in Bootstrap components */
                :root {
                --primary-dark: #0a192f;
                --secondary-dark: #112240;
                --accent: #64ffda; /* UPDATED: Bright Cyan/Green */
                --light-text: #ccd6f6;
                --lighter-text: #8892b0;
                /* Overriding Bootstrap defaults to ensure the dark background */
                --bs-body-bg: var(--primary-dark);
                --bs-body-color: var(--light-text);
                }

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

                /* Custom scrollbar styling for a modern look */

                /* Service Card Styling */
                .service-card {
                background-color: var(--secondary-dark);
                border: 1px solid var(--secondary-dark);
                border-radius: 0.75rem; /* Rounded corners */
                transition: all 0.3s ease-in-out;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
                }
                .service-card:hover {
                transform: translateY(-5px);
                /* Cyan/Green glow shadow (RGBA of #64ffda) */
                box-shadow: 0 10px 30px -15px rgba(100, 255, 218, 0.4);
                border-color: var(--accent);
                }

                /* Custom utility classes to apply our accent colors */
                .text-accent {
                color: var(--accent) !important;
                }
                .border-accent {
                border-color: var(--accent) !important;
                }
                .bg-accent {
                background-color: var(--accent) !important;
                }
                .text-lighter {
                color: var(--lighter-text) !important;
                }

                /* CTA Section Styling */
                .cta-section {
                background-color: var(--secondary-dark);
                /* Border color uses the new cyan accent */
                border: 2px solid rgba(100, 255, 218, 0.3);
                border-radius: 0.75rem;
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
                }

                .btn-accent {
                background-color: var(--accent);
                color: var(--primary-dark); /* Dark foreground color */
                border: none;
                font-weight: 600;
                transition: all 0.3s;
                }
                .btn-accent:hover {
                /* UPDATED: Background changes to dark color */
                background-color: var(--primary-dark);
                /* UPDATED: Text changes to accent color for contrast */
                color: var(--accent);
                transform: scale(1.05);
                /* Ancient Shadow: Add a prominent, glowing shadow using the accent color */
                box-shadow: 0 0 20px 5px var(--accent)!important;
                }