@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Space+Grotesk:wght@300;400;700&display=swap');
        
/*ACCESSIBILITY CSS*/

        html {
            scroll-behavior: smooth;
        }

        .reduce-motion * {
            animation: none !important;
            transition: none !important;
            transform: none !important;
            scroll-behavior: none !important;
            scroll-snap-stop: always !important;
        }

        .reduce-modal-motion * {
            animation: none !important;
            transition: none !important;
            transform: none !important;
            scroll-behavior: none !important;
            scroll-snap-stop: always !important;
        }

        .skip-to-main-link {
            position: absolute;
            left: -10000px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
        }

        .skip-to-main-link:focus {
            display: block;
            margin: 0.3125rem;
            text-decoration: none;
            position: static;
            width: 7rem;
            height: auto;
            overflow: visible;
            clip: auto;
            left: auto;
            top: auto;
            padding: 0.3125rem;
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin-left: 350px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            white-space: nowrap;
            border: 0;
        }

        body {
            font-family: 'Space Grotesk', sans-serif;
            background-color: #0a0a1a;
            color: #e0e0ff;
            overflow-x: hidden;
        }
        
        .orbitron {
            font-family: 'Orbitron', sans-serif;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #3a0077 0%, #7b2cbf 50%, #e0aaff 100%);
        }
        
        .mercury-surface {
            background-image: url('images/mercury-surface.avif');
            background-size: cover;
            background-position: center;
            background-blend-mode: overlay;
            background-color: rgba(139, 92, 246, 0.3);
        }
        
        .package-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 25px 50px -12px rgba(224, 170, 255, 0.3);
        }
        
        .countdown-digit {
            background: rgba(224, 170, 255, 0.1);
            border: 1px solid rgba(224, 170, 255, 0.3);
        }
        
        .glow-text {
            text-shadow: 0 0 10px rgba(224, 170, 255, 0.7);
        }
        
        .pulse {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        
        .floating {
            animation: floating 6s ease-in-out infinite;
        }
        
        @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }

/* MOBILE MODAL */
  .no-scroll {
    overflow: hidden;
    height: 100%;
  }

/* TEST AREA============================================================*/