body {
            font-family: 'Inter', system-ui, sans-serif;
            background: linear-gradient(135deg, hsl(216 70% 12%) 0%, hsl(187 60% 25%) 100%);
            min-height: 100vh;
            color: hsl(200 20% 95%);
        }
        
        main {
            background-image: url('background.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
        
        .glass-card {
            background: hsl(210 40% 15% / 0.8);
            backdrop-filter: blur(20px);
            border: 1px solid hsl(200 30% 30% / 0.5);
            border-radius: 1rem;
        }
        
        .glow-primary {
            box-shadow: 0 0 40px -10px hsl(187 85% 53% / 0.4);
        }
        
        .hidden {
            display: none !important;
        }
        
        .loading-spinner {
            border: 3px solid rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            border-top: 3px solid hsl(187 85% 53%);
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .package-card {
            animation: fadeInUp 0.4s ease-out forwards;
            opacity: 0;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }