/* Inheriting the Cupertino Design System */
        :root {
            --bg-body: #050505;
            --text-primary: #f5f5f7;
            --text-secondary: #a1a1a6;
            --accent-gold: #D4AF37; /* Success State Gold */
            --accent-blue: #2997ff;
            --card-bg: #121212;
        }

        /* Force Dark Background to prevent builder overrides */
        html, body {
            background-color: var(--bg-body) !important;
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            color: var(--text-primary);
            overflow-x: hidden;
            min-height: 100vh;
        }

        /* Animations */
        .fade-in-up {
            animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            opacity: 0;
            transform: translateY(20px);
        }
        
        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }

        @keyframes fadeInUp {
            to { opacity: 1; transform: translateY(0); }
        }

        /* The Golden Ticket Card */
        .ticket-card {
            background: linear-gradient(145deg, #1a1a1c 0%, #0a0a0a 100%);
            border: 1px solid rgba(255, 255, 255, 0.1);
            box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5);
            transition: all 0.3s ease;
        }
        
        /* Pulse Effect for Priority Status */
        .status-dot {
            box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
            animation: pulse-gold 2s infinite;
        }
        
        @keyframes pulse-gold {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(212, 175, 55, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
        }

        /* Call Button Physics */
        .btn-gold {
            background: var(--accent-gold);
            color: black;
            transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.4s ease;
        }
        .btn-gold:hover {
            transform: scale(1.02);
            box-shadow: 0 0 30px rgba(212, 175, 55, 0.4);
        }

        /* Preview Controls Styling */
        #preview-controls {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 9999;
            background: rgba(30, 30, 30, 0.9);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 12px;
            padding: 10px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }