* {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
       }

       body {
           font-family: 'Orbitron', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
           overflow-x: hidden;
       }

       /* Header */
       .header {
           background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #8b45be 100%);
           padding: 1rem 0;
           box-shadow: 0 2px 20px rgba(139, 69, 190, 0.3);
           position: relative;
           z-index: 1000;
       }

       .nav-container {
           max-width: 1200px;
           margin: 0 auto;
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 0 2rem;
       }

       .logo {
           display: flex;
           align-items: center;
           gap: 0.5rem;
           font-size: 1.5rem;
           font-weight: bold;
           color: white;
           text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
       }

       .nav-links {
           display: flex;
           gap: 2rem;
           align-items: center;
       }

       .nav-links a {
           text-decoration: none;
           color: white;
           font-weight: 500;
           display: flex;
           align-items: center;
           gap: 0.5rem;
           padding: 0.5rem 1rem;
           border-radius: 20px;
           transition: all 0.3s ease;
           opacity: 0.9;
       }

       .nav-links a:hover {
           background: rgba(255, 255, 255, 0.1);
           opacity: 1;
           transform: translateY(-2px);
       }

       .btn-primary {
           background: linear-gradient(135deg, #ff6b9d, #8b45be);
           color: white;
           padding: 0.75rem 1.5rem;
           border-radius: 25px;
           text-decoration: none;
           font-weight: bold;
           transition: all 0.3s ease;
           display: inline-block;
           border: none;
           cursor: pointer;
       }

       .btn-primary:hover {
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(139, 69, 190, 0.3);
       }

       .btn-primary.disabled,
       .btn-primary:disabled {
           background: linear-gradient(135deg, #999, #666);
           cursor: not-allowed;
           opacity: 0.6;
           pointer-events: none;
       }

       .btn-primary.disabled:hover,
       .btn-primary:disabled:hover {
           transform: none;
           box-shadow: none;
       }

       /* Hero Section */
       .hero {
           background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
           position: relative;
           overflow: hidden;
           padding: 4rem 2rem;
           color: white;
       }

       .hero::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: linear-gradient(45deg, #ff6b9d, #8b45be, #667eea);
           opacity: 0.9;
           z-index: 1;
       }

       .hero-pattern {
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background-image:
                   radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),
                   radial-gradient(circle at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%),
                   radial-gradient(circle at 40% 40%, rgba(255,255,255,0.05) 0%, transparent 50%);
           background-size: 400px 400px;
           animation: wave 8s ease-in-out infinite;
           z-index: 2;
       }

       @keyframes wave {
           0%, 100% { transform: translateY(0px) translateX(0px); }
           25% { transform: translateY(-10px) translateX(5px); }
           50% { transform: translateY(0px) translateX(-5px); }
           75% { transform: translateY(10px) translateX(0px); }
       }

       .hero-content {
           position: relative;
           z-index: 10;
           max-width: 1200px;
           margin: 0 auto;
           display: grid;
           grid-template-columns: 1fr 1fr;
           gap: 4rem;
           align-items: center;
       }

       .hero-text h1 {
           font-size: 3.5rem;
           font-weight: 800;
           margin-bottom: 1.5rem;
           line-height: 1.1;
       }

       .hero-text p {
           font-size: 1.2rem;
           margin-bottom: 2rem;
           opacity: 0.9;
       }

       .hero-visual {
           position: relative;
           display: flex;
           justify-content: center;
           align-items: center;
       }

       .playcard-stack {
           position: relative;
           transform: perspective(1000px) rotateY(-15deg) rotateX(5deg);
       }

       .playcard {
           width: 200px;
           height: 300px;
           background-image: url('images/card.jpg');
           background-size: cover;
           background-position: center;
           background-repeat: no-repeat;
           border-radius: 20px;
           position: relative;
           box-shadow: 0 20px 40px rgba(0,0,0,0.3);
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           color: white;
           font-weight: bold;
           margin: 0 10px;
       }

       .playcard:nth-child(2) {
           position: absolute;
           top: 20px;
           left: 30px;
           z-index: -1;
           opacity: 0.8;
       }

       .playcard:nth-child(3) {
           position: absolute;
           top: 40px;
           left: 60px;
           z-index: -2;
           opacity: 0.6;
       }

       .card-text {
           text-align: center;
           font-size: 1.5rem;
           position: relative;
           z-index: 1;
       }

       /* Hero Slider */
       .hero-slider {
           position: relative;
           z-index: 10;
           max-width: 1200px;
           margin: 0 auto;
       }

       .hero-slide {
           display: none;
           animation: fadeIn 0.5s ease-in-out;
       }

       .hero-slide.active {
           display: block;
       }

       @keyframes fadeIn {
           from {
               opacity: 0;
               transform: translateY(20px);
           }
           to {
               opacity: 1;
               transform: translateY(0);
           }
       }

       .hero-slide-content {
           display: grid;
           grid-template-columns: 1fr 1fr;
           gap: 4rem;
           align-items: center;
           padding: 2rem 0;
       }

       .racing-visual {
           position: relative;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           padding: 2rem;
       }

       .racing-car {
           font-size: 3rem;
           font-weight: bold;
           text-align: center;
           background: linear-gradient(135deg, #ff6b9d, #8b45be);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           background-clip: text;
           animation: pulse 2s ease-in-out infinite;
       }

       @keyframes pulse {
           0%, 100% { transform: scale(1); }
           50% { transform: scale(1.1); }
       }

       .racing-track {
           width: 100%;
           height: 4px;
           background: linear-gradient(90deg, #ff6b9d, #8b45be);
           margin-top: 1rem;
           border-radius: 2px;
       }

       /* Hero Navigation */
       .hero-nav {
           position: absolute;
           bottom: 2rem;
           left: 50%;
           transform: translateX(-50%);
           display: flex;
           gap: 1rem;
           z-index: 100;
       }

       .hero-nav-dot {
           width: 12px;
           height: 12px;
           border-radius: 50%;
           background: rgba(255, 255, 255, 0.5);
           cursor: pointer;
           transition: all 0.3s ease;
       }

       .hero-nav-dot:hover,
       .hero-nav-dot.active {
           background: #ff6b9d;
           transform: scale(1.3);
       }

       /* Hero Arrows */
       .hero-arrow {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           background: rgba(139, 69, 190, 0.3);
           color: white;
           width: 50px;
           height: 50px;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 2rem;
           cursor: pointer;
           transition: all 0.3s ease;
           z-index: 100;
           user-select: none;
       }

       .hero-arrow:hover {
           background: rgba(255, 107, 157, 0.6);
           transform: translateY(-50%) scale(1.1);
       }

       .hero-arrow.prev {
           left: 2rem;
       }

       .hero-arrow.next {
           right: 2rem;
       }

       /* Main Content */
       .main-content {
           color: white;
           padding: 0;
           position: relative;
           margin: 0;
       }

       /* Background Sections */
       .bg-primary {
           background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
           position: relative;
           margin: 0;
           margin-top: -40px;
       }

       .bg-secondary {
           background: linear-gradient(135deg, #0f1419 0%, #1a1a2e 50%, #16213e 100%);
           position: relative;
           margin: 0;
           margin-top: -40px;
       }

       .bg-tertiary {
           background: linear-gradient(180deg, #16213e 0%, #0f1419 50%, #1a1a2e 100%);
           position: relative;
           margin: 0;
           margin-top: -40px;
       }

       .bg-accent {
           background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f1419 100%);
           position: relative;
           margin: 0;
           margin-top: -40px;
       }

       .bg-dark {
           background: linear-gradient(180deg, #0a0a0a 0%, #1a1a2e 100%);
           position: relative;
           margin: 0;
           margin-top: -40px;
       }

       .bg-features {
           background: linear-gradient(135deg, #16213e 0%, #0f1419 100%);
           position: relative;
           margin: 0;
           margin-top: -40px;
       }

       /* Animated background particles */
       .bg-particles {
           position: relative;
           overflow: hidden;
       }

       .bg-particles::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background-image:
                   radial-gradient(circle at 25% 25%, rgba(139, 69, 190, 0.1) 0%, transparent 50%),
                   radial-gradient(circle at 75% 75%, rgba(255, 107, 157, 0.08) 0%, transparent 50%),
                   radial-gradient(circle at 50% 50%, rgba(102, 126, 234, 0.06) 0%, transparent 50%);
           background-size: 300px 300px, 400px 400px, 350px 350px;
           animation: floatParticles 20s ease-in-out infinite;
           z-index: 1;
       }

       @keyframes floatParticles {
           0%, 100% {
               transform: translateY(0px) rotate(0deg);
               opacity: 0.8;
           }
           25% {
               transform: translateY(-10px) rotate(5deg);
               opacity: 1;
           }
           50% {
               transform: translateY(0px) rotate(-3deg);
               opacity: 0.6;
           }
           75% {
               transform: translateY(10px) rotate(2deg);
               opacity: 1;
           }
       }

       /* Gradient overlays for sections */
       .section-overlay {
           position: relative;
       }

       .section-overlay::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: linear-gradient(45deg,
           rgba(139, 69, 190, 0.05) 0%,
           transparent 50%,
           rgba(255, 107, 157, 0.03) 100%);
           z-index: 1;
       }

       .section-overlay .section {
           position: relative;
           z-index: 2;
       }

       .section {
           max-width: 1200px;
           margin: 0 auto;
           padding: 5rem 2rem;
           position: relative;
           z-index: 10;
       }

       .section h2 {
           font-size: 2.5rem;
           text-align: center;
           margin-bottom: 1rem;
           background: linear-gradient(45deg, #ff6b9d, #8b45be);
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
           background-clip: text;
       }

       .section-subtitle {
           text-align: center;
           font-size: 1.2rem;
           opacity: 0.8;
           margin-bottom: 3rem;
       }

       /* Game Slider */
       .game-slider-container {
           margin: 4rem 0;
           overflow: hidden;
       }

       .game-slider-title {
           font-size: 2rem;
           text-align: center;
           margin-bottom: 2rem;
           color: #ff6b9d;
       }

       .game-slider-wrapper {
           overflow: hidden;
           position: relative;
           width: 100%;
       }

       .game-slider {
           display: flex;
           gap: 2rem;
           animation: infiniteSlide 20s linear infinite;
           will-change: transform;
       }

       .game-slider:hover {
           animation-play-state: paused;
       }

       @keyframes infiniteSlide {
           0% { transform: translateX(0); }
           100% { transform: translateX(calc(-370px * 2 - 4rem)); }
       }

       .game-card {
           min-width: 350px;
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.2), rgba(255, 107, 157, 0.1));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 20px;
           overflow: hidden;
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
       }

       .game-card:hover {
           transform: translateY(-10px);
           border-color: #ff6b9d;
           box-shadow: 0 20px 40px rgba(139, 69, 190, 0.3);
       }

       .game-card-image {
           height: 200px;
           background: linear-gradient(45deg, #8b45be, #ff6b9d);
           display: flex;
           align-items: center;
           justify-content: center;
           position: relative;
       }

       .arcade-machine {
           width: 80px;
           height: 120px;
           background: linear-gradient(145deg, #2a2a3e, #1a1a2e);
           border-radius: 10px;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: space-between;
           padding: 10px;
           box-shadow: 0 10px 20px rgba(0,0,0,0.5);
       }

       .arcade-screen {
           width: 60px;
           height: 40px;
           background: #00ff88;
           border-radius: 5px;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 0.7rem;
           font-weight: bold;
           color: #000;
       }

       .arcade-controls {
           display: flex;
           gap: 5px;
       }

       .arcade-button {
           width: 15px;
           height: 15px;
           background: #ff4444;
           border-radius: 50%;
           box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);
       }

       .arcade-button:nth-child(2) {
           background: #4444ff;
       }

       .arcade-button:nth-child(3) {
           background: #ffff44;
       }

       .game-card-content {
           padding: 1.5rem;
       }

       .game-card-content h3 {
           color: #ff6b9d;
           margin-bottom: 0.5rem;
           font-size: 1.3rem;
       }

       .game-card-content p {
           opacity: 0.8;
           margin-bottom: 1rem;
           font-size: 0.9rem;
           line-height: 1.4;
       }

       .game-availability {
           display: flex;
           gap: 0.5rem;
           flex-wrap: wrap;
       }

       .availability-location,
       .availability-tag {
           background: linear-gradient(45deg, rgba(139, 69, 190, 0.6), rgba(255, 107, 157, 0.4));
           padding: 0.25rem 0.75rem;
           border-radius: 15px;
           font-size: 0.7rem;
           color: white;
           font-weight: 500;
           border: 1px solid rgba(255, 107, 157, 0.3);
           cursor: help;
           position: relative;
       }

       .availability-location:hover {
           background: linear-gradient(45deg, rgba(139, 69, 190, 0.8), rgba(255, 107, 157, 0.6));
           transform: translateY(-2px);
           box-shadow: 0 4px 15px rgba(139, 69, 190, 0.4);
       }

       /* Info Cards */
       .info-cards {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
           gap: 2rem;
           margin: 4rem 0;
       }

       .info-card {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.15), rgba(255, 107, 157, 0.1));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 20px;
           padding: 2rem;
           text-align: center;
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
           position: relative;
           overflow: hidden;
       }

       .info-card:hover {
           transform: translateY(-10px);
           border-color: #ff6b9d;
           box-shadow: 0 20px 40px rgba(139, 69, 190, 0.3);
       }

       .info-card-icon {
           font-size: 3rem;
           margin-bottom: 1rem;
       }

       .info-card h3 {
           color: #ff6b9d;
           font-size: 1.5rem;
           margin-bottom: 1rem;
       }

       .info-card p {
           opacity: 0.8;
           line-height: 1.6;
       }

       /* Coming Soon Badge */
       .coming-soon-badge {
           position: absolute;
           top: 15px;
           right: 15px;
           background: linear-gradient(45deg, #ff6b9d, #8b45be);
           color: white;
           padding: 0.4rem 0.8rem;
           border-radius: 20px;
           font-size: 0.7rem;
           font-weight: bold;
           text-transform: uppercase;
           box-shadow: 0 0 15px rgba(255, 107, 157, 0.5);
           animation: comingSoonPulse 2s infinite;
           z-index: 10;
       }

       @keyframes comingSoonPulse {
           0%, 100% {
               transform: scale(1);
               opacity: 1;
           }
           50% {
               transform: scale(1.05);
               opacity: 0.8;
           }
       }

       .info-card.coming-soon {
           opacity: 0.8;
           position: relative;
       }

       .info-card.coming-soon::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: linear-gradient(45deg, transparent, rgba(255, 107, 157, 0.1), transparent);
           border-radius: inherit;
           animation: shimmer 3s ease-in-out infinite;
       }

       @keyframes shimmer {
           0% {
               transform: translateX(-100%);
           }
           100% {
               transform: translateX(100%);
           }
       }

       /* Playcard Options */
       .playcard-options {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
           gap: 2rem;
           margin-bottom: 3rem;
       }

       /* Credit Table */
       .credit-table {
           width: 100%;
           border-collapse: collapse;
           background: rgba(26, 26, 46, 0.6);
           border-radius: 15px;
           overflow: hidden;
           backdrop-filter: blur(10px);
       }

       .credit-table thead {
           background: linear-gradient(135deg, #8b45be, #667eea);
       }

       .credit-table th {
           padding: 1rem;
           text-align: left;
           font-weight: bold;
           color: white;
           text-transform: uppercase;
           font-size: 0.9rem;
           letter-spacing: 1px;
       }

       .credit-table td {
           padding: 1rem;
           border-bottom: 1px solid rgba(139, 69, 190, 0.2);
           color: rgba(255, 255, 255, 0.9);
       }

       .credit-table tbody tr {
           transition: all 0.3s ease;
       }

       .credit-table tbody tr:hover {
           background: rgba(139, 69, 190, 0.15);
       }

       .credit-table .highlight-row {
           background: linear-gradient(135deg, rgba(255, 107, 157, 0.2), rgba(139, 69, 190, 0.2));
           font-weight: bold;
       }

       .credit-table .highlight-row:hover {
           background: linear-gradient(135deg, rgba(255, 107, 157, 0.3), rgba(139, 69, 190, 0.3));
       }

       .credit-table td:last-child {
           color: #ff6b9d;
           font-size: 1.1rem;
       }

       .option-card {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.15), rgba(255, 107, 157, 0.1));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 20px;
           padding: 2rem;
           text-align: center;
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
           position: relative;
           overflow: hidden;
       }

       .option-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.05), transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
       }

       .option-card:hover::before {
           opacity: 1;
       }

       .option-card:hover {
           transform: translateY(-10px);
           border-color: #ff6b9d;
           box-shadow: 0 20px 40px rgba(139, 69, 190, 0.3);
       }

       .option-card h3 {
           color: #ff6b9d;
           font-size: 1.5rem;
           margin-bottom: 1rem;
       }

       .option-card .price {
           font-size: 2rem;
           font-weight: bold;
           color: #8b45be;
           margin: 1rem 0;
       }

       .option-card ul {
           list-style: none;
           margin: 1.5rem 0;
       }

       .option-card li {
           margin: 0.5rem 0;
           padding-left: 1.5rem;
           position: relative;
       }

       .option-card li::before {
           content: '\2713';
           position: absolute;
           left: 0;
           color: #ff6b9d;
           font-weight: bold;
       }

       /* Events & Services Section */
       .events-services {
           max-width: 1200px;
           margin: 0 auto;
           padding: 5rem 2rem;
           position: relative;
           z-index: 10;
       }

       .events-grid {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
           gap: 2rem;
           margin-top: 3rem;
       }

       .event-card {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.15), rgba(255, 107, 157, 0.1));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 20px;
           padding: 2rem;
           text-align: center;
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
           position: relative;
           overflow: hidden;
       }

       .event-card:hover {
           transform: translateY(-10px);
           border-color: #ff6b9d;
           box-shadow: 0 20px 40px rgba(139, 69, 190, 0.3);
       }

       .event-icon {
           font-size: 4rem;
           margin-bottom: 1.5rem;
           display: block;
       }

       .event-card h3 {
           color: #ff6b9d;
           font-size: 1.8rem;
           margin-bottom: 1rem;
       }

       .event-card p {
           opacity: 0.8;
           line-height: 1.6;
           margin-bottom: 1.5rem;
       }

       .event-features ul {
           list-style: none;
           text-align: left;
           margin: 1.5rem 0;
       }

       .event-features li {
           margin: 0.75rem 0;
           padding-left: 1.5rem;
           position: relative;
           opacity: 0.9;
       }

       .event-features li::before {
           content: '\2713';
           position: absolute;
           left: 0;
           color: #ff6b9d;
           font-weight: bold;
       }

       .event-cta {
           background: linear-gradient(135deg, #ff6b9d, #8b45be);
           color: white;
           padding: 0.75rem 1.5rem;
           border-radius: 25px;
           border: none;
           font-weight: bold;
           transition: all 0.3s ease;
           display: inline-block;
           margin-top: 1rem;
           cursor: pointer;
       }

       .event-cta:hover {
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(139, 69, 190, 0.3);
       }

       /* Gaming Experience Section */
       .gaming-experience {
           max-width: 1200px;
           margin: 0 auto;
           padding: 5rem 2rem;
           position: relative;
           z-index: 10;
       }

       .experience-features {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
           gap: 2rem;
           margin-top: 3rem;
       }

       .feature-card {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.15), rgba(255, 107, 157, 0.1));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 20px;
           padding: 2rem;
           text-align: center;
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
           position: relative;
           overflow: hidden;
       }

       .feature-card:hover {
           transform: translateY(-10px);
           border-color: #ff6b9d;
           box-shadow: 0 20px 40px rgba(139, 69, 190, 0.3);
       }

       .feature-card .feature-icon {
           font-size: 3rem;
           margin-bottom: 1rem;
           display: block;
       }

       .feature-card h3 {
           color: #ff6b9d;
           font-size: 1.5rem;
           margin-bottom: 1rem;
       }

       .feature-card p {
           opacity: 0.8;
           line-height: 1.6;
       }

       /* Contact & Booking Section */
       .contact-booking {
           max-width: 1200px;
           margin: 0 auto;
           padding: 5rem 2rem;
           position: relative;
           z-index: 10;
       }

       .contact-grid {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
           gap: 3rem;
           margin-top: 3rem;
       }

       .contact-card {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.15), rgba(255, 107, 157, 0.1));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 20px;
           padding: 2.5rem;
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
           position: relative;
           overflow: hidden;
       }

       .contact-card:hover {
           transform: translateY(-10px);
           border-color: #ff6b9d;
           box-shadow: 0 20px 40px rgba(139, 69, 190, 0.3);
       }

       .contact-card h3 {
           color: #ff6b9d;
           font-size: 1.8rem;
           margin-bottom: 1.5rem;
       }

       .contact-info p {
           margin: 0.75rem 0;
           opacity: 0.9;
           line-height: 1.5;
       }

       .contact-info strong {
           color: #ff6b9d;
           display: block;
           margin-top: 1rem;
       }

       .booking-form {
           display: flex;
           flex-direction: column;
           gap: 1.5rem;
       }

       .form-group {
           display: flex;
           flex-direction: column;
           gap: 0.5rem;
       }

       .form-group label {
           color: #ff6b9d;
           font-weight: 500;
       }

       .form-group input,
       .form-group select,
       .form-group textarea {
           background: rgba(139, 69, 190, 0.1);
           border: 2px solid rgba(139, 69, 190, 0.3);
           border-radius: 10px;
           padding: 0.75rem;
           color: white;
           font-size: 1rem;
           transition: border-color 0.3s ease;
       }

       .form-group input:focus,
       .form-group select:focus,
       .form-group textarea:focus {
           outline: none;
           border-color: #ff6b9d;
       }

       .form-group input::placeholder,
       .form-group textarea::placeholder {
           color: rgba(255, 255, 255, 0.5);
       }

       .submit-btn {
           background: linear-gradient(135deg, #ff6b9d, #8b45be);
           color: white;
           padding: 1rem 2rem;
           border-radius: 25px;
           border: none;
           font-weight: bold;
           font-size: 1rem;
           cursor: pointer;
           transition: all 0.3s ease;
       }

       .submit-btn:hover {
           transform: translateY(-2px);
           box-shadow: 0 10px 20px rgba(139, 69, 190, 0.3);
       }

       /* Features Section */
       .features-section {
           max-width: 1200px;
           margin: 0 auto;
           padding: 5rem 2rem;
           position: relative;
           z-index: 10;
       }

       .features-list {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
           gap: 2rem;
           margin-top: 3rem;
       }

       .feature-item {
           display: flex;
           align-items: center;
           gap: 1.5rem;
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.15), rgba(255, 107, 157, 0.1));
           padding: 2rem;
           border-radius: 20px;
           border: 2px solid rgba(139, 69, 190, 0.3);
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
       }

       .feature-item:hover {
           transform: translateY(-5px);
           border-color: #ff6b9d;
           box-shadow: 0 20px 40px rgba(139, 69, 190, 0.3);
       }

       .feature-icon {
           font-size: 3rem;
           min-width: 60px;
           text-align: center;
       }

       .feature-item strong {
           color: #ff6b9d;
           display: block;
           margin-bottom: 0.5rem;
           font-size: 1.2rem;
       }

       .feature-item small {
           opacity: 0.8;
           font-size: 0.9rem;
           line-height: 1.4;
       }

       /* Locations Grid */
       .locations-grid {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
           gap: 2rem;
           margin-top: 3rem;
       }

       .location-card {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.12), rgba(102, 126, 234, 0.08));
           border-radius: 20px;
           overflow: hidden;
           transition: all 0.3s ease;
           border: 2px solid rgba(139, 69, 190, 0.3);
           backdrop-filter: blur(15px);
           position: relative;
       }

       .location-card::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: linear-gradient(135deg, rgba(255, 107, 157, 0.1), transparent);
           opacity: 0;
           transition: opacity 0.3s ease;
           z-index: 1;
       }

       .location-card:hover::before {
           opacity: 1;
       }

       .location-card:hover {
           transform: translateY(-5px);
           border-color: #ff6b9d;
       }

       .location-image {
           height: 200px;
           background: linear-gradient(45deg, #8b45be, #ff6b9d);
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 3rem;
           color: white;
       }

       .location-info {
           padding: 1.5rem;
           position: relative;
           z-index: 2;
       }

       .location-info h3 {
           color: #ff6b9d;
           margin-bottom: 0.5rem;
       }

       .location-info p {
           opacity: 0.8;
           margin-bottom: 1rem;
       }

       .location-features {
           display: flex;
           gap: 0.5rem;
           flex-wrap: wrap;
           margin-bottom: 1rem;
       }

       .feature-tag {
           background: linear-gradient(45deg, rgba(139, 69, 190, 0.6), rgba(255, 107, 157, 0.4));
           padding: 0.25rem 0.75rem;
           border-radius: 15px;
           font-size: 0.8rem;
           color: white;
           font-weight: 500;
           border: 1px solid rgba(255, 107, 157, 0.3);
       }

       .location-selector {
           background: linear-gradient(45deg, rgba(139, 69, 190, 0.4), rgba(255, 107, 157, 0.3));
           border: 2px solid rgba(139, 69, 190, 0.6);
           border-radius: 25px;
           padding: 0.75rem 1.5rem;
           color: white;
           display: flex;
           align-items: center;
           gap: 0.5rem;
           cursor: pointer;
           transition: all 0.3s ease;
           font-weight: 500;
           justify-content: center;
       }

       .location-selector:hover {
           background: linear-gradient(45deg, rgba(139, 69, 190, 0.6), rgba(255, 107, 157, 0.5));
           transform: translateY(-2px);
           box-shadow: 0 5px 15px rgba(139, 69, 190, 0.3);
       }

       /* Testimonials */
       .testimonials-section {
           max-width: 1200px;
           margin: 0 auto;
           padding: 5rem 2rem;
           position: relative;
           z-index: 10;
       }

       .testimonial-slider-container {
           position: relative;
           margin-top: 3rem;
       }

       .testimonial-arrow {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           background: rgba(139, 69, 190, 0.8);
           color: white;
           width: 60px;
           height: 60px;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 2.5rem;
           cursor: pointer;
           transition: all 0.3s ease;
           z-index: 1000;
           user-select: none;
           border: 2px solid rgba(255, 107, 157, 0.5);
           box-shadow: 0 0 20px rgba(139, 69, 190, 0.4);
       }

       .testimonial-arrow:hover {
           background: rgba(255, 107, 157, 0.9);
           transform: translateY(-50%) scale(1.15);
           box-shadow: 0 0 30px rgba(255, 107, 157, 0.7);
       }

       .testimonial-arrow:active {
           transform: translateY(-50%) scale(1.05);
       }

       .testimonial-arrow.prev {
           left: -80px;
       }

       .testimonial-arrow.next {
           right: -80px;
       }

       .testimonial-grid {
           display: grid;
           grid-template-columns: repeat(3, 1fr);
           gap: 2rem;
       }

       .testimonial-card {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.15), rgba(255, 107, 157, 0.1));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 20px;
           padding: 2rem;
           text-align: center;
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
           display: flex;
           flex-direction: column;
           min-height: 280px;
       }

       .testimonial-card:hover {
           transform: translateY(-5px);
           border-color: #ff6b9d;
           box-shadow: 0 20px 40px rgba(139, 69, 190, 0.3);
       }

       .testimonial-stars {
           font-size: 1.2rem;
           margin-bottom: 1rem;
       }

       .testimonial-text {
           font-style: italic;
           margin-bottom: 1rem;
           opacity: 0.9;
           line-height: 1.5;
           flex: 1;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
       }

       .review-toggle {
           background: linear-gradient(135deg, #ff6b9d, #8b45be);
           color: white;
           border: none;
           padding: 0.5rem 1rem;
           border-radius: 15px;
           font-size: 0.85rem;
           font-weight: 600;
           cursor: pointer;
           margin-top: 0.75rem;
           transition: all 0.3s ease;
           font-family: 'Orbitron', sans-serif;
           align-self: center;
       }

       .review-toggle:hover {
           transform: translateY(-2px);
           box-shadow: 0 5px 15px rgba(139, 69, 190, 0.4);
       }

       .testimonial-author {
           color: #ff6b9d;
           font-weight: bold;
           margin-top: auto;
       }

       /* FAQ Section */
       .faq-container {
           max-width: 800px;
           margin: 0 auto;
       }

       .faq-item {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.15), rgba(26, 26, 46, 0.8));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 15px;
           margin-bottom: 1rem;
           overflow: hidden;
           transition: all 0.3s ease;
           backdrop-filter: blur(15px);
       }

       .faq-question {
           padding: 1.5rem;
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.3), rgba(255, 107, 157, 0.2));
           cursor: pointer;
           font-weight: bold;
           display: flex;
           justify-content: space-between;
           align-items: center;
           transition: all 0.3s ease;
       }

       .faq-question:hover {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.4), rgba(255, 107, 157, 0.3));
       }

       .faq-answer {
           padding: 0 1.5rem;
           max-height: 0;
           overflow: hidden;
           transition: all 0.3s ease;
       }

       .faq-answer.open {
           padding: 1.5rem;
           max-height: 200px;
       }

       /* Floating Wave Animation */
       .floating-waves {
           position: absolute;
           width: 100%;
           height: 100%;
           top: 0;
           left: 0;
           overflow: hidden;
           z-index: 1;
       }

       .wave {
           position: absolute;
           width: 200%;
           height: 200px;
           background: linear-gradient(90deg,
           transparent,
           rgba(139, 69, 190, 0.1),
           transparent,
           rgba(255, 107, 157, 0.1),
           transparent);
           animation: waveMove 15s linear infinite;
       }

       .wave:nth-child(2) {
           animation-delay: -5s;
           animation-duration: 20s;
           background: linear-gradient(90deg,
           transparent,
           rgba(255, 107, 157, 0.08),
           transparent,
           rgba(139, 69, 190, 0.08),
           transparent);
       }

       .wave:nth-child(3) {
           animation-delay: -10s;
           animation-duration: 25s;
           background: linear-gradient(90deg,
           transparent,
           rgba(102, 126, 234, 0.06),
           transparent);
       }

       @keyframes waveMove {
           0% { transform: translateX(-100%) rotate(0deg); }
           100% { transform: translateX(0%) rotate(360deg); }
       }

       /* Section Dividers with Wave Effects */
       .wave-divider {
           position: relative;
           height: 100px;
           overflow: hidden;
           background: transparent;
           margin: 0;
           margin-top: -40px;
           z-index: 20;
       }

       .wave-divider::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100px;
           background: linear-gradient(135deg, #ff6b9d 0%, #8b45be 50%, #667eea 100%);
           clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
           box-shadow: 0 10px 40px rgba(139, 69, 190, 0.6),
                       0 0 60px rgba(255, 107, 157, 0.4);
           animation: dividerPulse 4s ease-in-out infinite;
       }

       @keyframes dividerPulse {
           0%, 100% {
               opacity: 0.9;
               filter: brightness(1);
           }
           50% {
               opacity: 1;
               filter: brightness(1.2);
           }
       }

       .wave-divider.reverse {
           background: transparent;
           margin-top: -40px;
           z-index: 20;
       }

       .wave-divider.reverse::before {
           clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 100%);
           background: linear-gradient(135deg, #667eea 0%, #8b45be 50%, #ff6b9d 100%);
           box-shadow: 0 -10px 40px rgba(139, 69, 190, 0.6),
                       0 0 60px rgba(255, 107, 157, 0.4);
       }

       .wave-divider-curved {
           position: relative;
           height: 120px;
           overflow: hidden;
           background: transparent;
           margin: 0;
           margin-top: -40px;
           z-index: 20;
       }

       .wave-divider-curved::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 120px;
           background: linear-gradient(135deg, #ff6b9d 0%, #8b45be 50%, #667eea 100%);
           border-radius: 0 0 50% 50% / 0 0 100% 100%;
           transform: scaleX(1.5);
           box-shadow: 0 0 60px rgba(139, 69, 190, 0.5),
                       0 0 40px rgba(255, 107, 157, 0.3);
           animation: dividerGlow 5s ease-in-out infinite;
       }

       @keyframes dividerGlow {
           0%, 100% {
               box-shadow: 0 0 60px rgba(139, 69, 190, 0.5),
                           0 0 40px rgba(255, 107, 157, 0.3);
           }
           50% {
               box-shadow: 0 0 80px rgba(139, 69, 190, 0.7),
                           0 0 60px rgba(255, 107, 157, 0.5);
           }
       }

       .wave-divider-curved.wave-top {
           background: transparent;
           margin-top: -40px;
           z-index: 20;
       }

       .wave-divider-curved.wave-top::before {
           top: -60px;
           border-radius: 50% 50% 0 0 / 100% 100% 0 0;
           background: linear-gradient(135deg, #667eea 0%, #8b45be 50%, #ff6b9d 100%);
           box-shadow: 0 0 60px rgba(139, 69, 190, 0.5),
                       0 0 40px rgba(102, 126, 234, 0.3);
       }

       /* CTA Section */
       .cta-section {
           background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
           position: relative;
           overflow: hidden;
           padding: 4rem 2rem;
           text-align: center;
           color: white;
           margin-top: -60px;
       }

       .cta-section::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: linear-gradient(45deg, #ff6b9d, #8b45be);
           opacity: 0.9;
           z-index: 1;
       }

       .cta-content {
           position: relative;
           z-index: 10;
           max-width: 600px;
           margin: 0 auto;
       }

       .cta-content h2 {
           font-size: 2.5rem;
           margin-bottom: 1rem;
       }

       .cta-content p {
           font-size: 1.2rem;
           margin-bottom: 2rem;
           opacity: 0.9;
       }

       .cta-button-wrapper {
           position: relative;
           display: inline-block;
           margin-top: 1rem;
       }

       .cta-button-wrapper .coming-soon-badge {
           position: absolute;
           top: -12px;
           right: -15px;
           z-index: 20;
       }

       /* Footer */
       .footer {
           background: linear-gradient(135deg, #1a1a2e 0%, #0f1419 50%, #16213e 100%);
           color: white;
           padding: 3rem 2rem 1rem;
           position: relative;
       }

       .footer::before {
           content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: radial-gradient(circle at 30% 70%, rgba(139, 69, 190, 0.1) 0%, transparent 50%),
           radial-gradient(circle at 70% 30%, rgba(255, 107, 157, 0.08) 0%, transparent 50%);
           z-index: 1;
       }

       .footer-content {
           position: relative;
           z-index: 2;
           max-width: 1200px;
           margin: 0 auto;
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
           gap: 2rem;
           margin-bottom: 2rem;
       }

       .footer-section {
           position: relative;
           z-index: 2;
       }

       .footer-section h3 {
           color: #ff6b9d;
           margin-bottom: 1rem;
       }

       .footer-section a {
           color: rgba(255, 255, 255, 0.7);
           text-decoration: none;
           display: block;
           margin-bottom: 0.5rem;
           transition: color 0.3s ease;
       }

       .footer-section a:hover {
           color: #ff6b9d;
       }

       .footer-bottom {
           border-top: 1px solid rgba(139, 69, 190, 0.3);
           padding-top: 2rem;
           text-align: center;
           opacity: 0.7;
           position: relative;
           z-index: 2;
       }

       /* Booking Modal */
       .booking-modal {
           display: none;
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           background: rgba(0, 0, 0, 0.8);
           backdrop-filter: blur(10px);
           z-index: 10000;
           animation: fadeIn 0.3s ease;
       }

       .booking-modal.show {
           display: flex;
           align-items: center;
           justify-content: center;
           padding: 2rem;
       }

       @keyframes fadeIn {
           from { opacity: 0; }
           to { opacity: 1; }
       }

       .booking-modal-content {
           background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 20px;
           padding: 3rem;
           max-width: 600px;
           width: 100%;
           max-height: 90vh;
           overflow-y: auto;
           position: relative;
           color: white;
           animation: slideUp 0.3s ease;
       }

       @keyframes slideUp {
           from {
               opacity: 0;
               transform: translateY(30px);
           }
           to {
               opacity: 1;
               transform: translateY(0);
           }
       }

       .booking-modal-header {
           display: flex;
           justify-content: space-between;
           align-items: center;
           margin-bottom: 2rem;
           padding-bottom: 1rem;
           border-bottom: 2px solid rgba(139, 69, 190, 0.3);
       }

       .booking-modal-header h2 {
           color: #ff6b9d;
           font-size: 2rem;
           margin: 0;
       }

       .modal-close {
           background: none;
           border: none;
           color: white;
           font-size: 2rem;
           cursor: pointer;
           padding: 0.5rem;
           border-radius: 10px;
           transition: all 0.3s ease;
       }

       .modal-close:hover {
           background: rgba(255, 107, 157, 0.2);
           transform: rotate(90deg);
       }

       .booking-modal .booking-form {
           display: flex;
           flex-direction: column;
           gap: 1.5rem;
       }

       .booking-modal .form-row {
           display: grid;
           grid-template-columns: 1fr 1fr;
           gap: 1rem;
       }

       .booking-modal .form-group {
           display: flex;
           flex-direction: column;
           gap: 0.5rem;
       }

       .booking-modal .form-group label {
           color: #ff6b9d;
           font-weight: 600;
           font-size: 0.9rem;
       }

       .booking-modal .form-group input,
       .booking-modal .form-group select,
       .booking-modal .form-group textarea {
           background: rgba(139, 69, 190, 0.1);
           border: 2px solid rgba(139, 69, 190, 0.3);
           border-radius: 10px;
           padding: 0.75rem;
           color: white;
           font-size: 1rem;
           transition: all 0.3s ease;
       }

       .booking-modal .form-group input:focus,
       .booking-modal .form-group select:focus,
       .booking-modal .form-group textarea:focus {
           outline: none;
           border-color: #ff6b9d;
           background: rgba(255, 107, 157, 0.1);
           box-shadow: 0 0 15px rgba(255, 107, 157, 0.2);
       }

       .booking-modal .form-group input::placeholder,
       .booking-modal .form-group textarea::placeholder {
           color: rgba(255, 255, 255, 0.5);
       }

       .booking-info-box {
           background: linear-gradient(135deg, rgba(139, 69, 190, 0.2), rgba(255, 107, 157, 0.1));
           border: 2px solid rgba(139, 69, 190, 0.4);
           border-radius: 15px;
           padding: 1.5rem;
           margin-bottom: 2rem;
       }

       .booking-info-box h3 {
           color: #ff6b9d;
           margin-bottom: 1rem;
           font-size: 1.3rem;
       }

       .booking-info-box ul {
           list-style: none;
           margin: 0;
           padding: 0;
       }

       .booking-info-box li {
           margin: 0.5rem 0;
           padding-left: 1.5rem;
           position: relative;
           opacity: 0.9;
       }

       .booking-info-box li::before {
           content: '\2713';
           position: absolute;
           left: 0;
           color: #ff6b9d;
           font-weight: bold;
       }

       .booking-modal .submit-btn {
           background: linear-gradient(135deg, #ff6b9d, #8b45be);
           color: white;
           padding: 1rem 2rem;
           border-radius: 25px;
           border: none;
           font-weight: bold;
           font-size: 1.1rem;
           cursor: pointer;
           transition: all 0.3s ease;
           margin-top: 1rem;
       }

       .booking-modal .submit-btn:hover {
           transform: translateY(-2px);
           box-shadow: 0 15px 30px rgba(139, 69, 190, 0.4);
       }

       /* Responsive Design */
       @media (max-width: 768px) {
           .hero-content {
               grid-template-columns: 1fr;
               text-align: center;
               gap: 2rem;
           }

           .hero-slide-content {
               grid-template-columns: 1fr;
               text-align: center;
               gap: 2rem;
           }

           .hero-text h1 {
               font-size: 2.5rem;
           }

           .hero-arrow {
               width: 40px;
               height: 40px;
               font-size: 1.5rem;
           }

           .hero-arrow.prev {
               left: 1rem;
           }

           .hero-arrow.next {
               right: 1rem;
           }

           .hero-nav {
               bottom: 1rem;
           }

           .racing-visual {
               padding: 1rem;
           }

           .racing-car {
               font-size: 2rem;
           }

           .nav-links {
               display: none;
           }

           .locations-grid {
               grid-template-columns: 1fr;
           }

           .playcard-options {
               grid-template-columns: 1fr;
           }

           .credit-table {
               font-size: 0.85rem;
           }

           .credit-table th,
           .credit-table td {
               padding: 0.75rem 0.5rem;
           }

           .credit-table th {
               font-size: 0.75rem;
           }

           .features-list {
               grid-template-columns: 1fr;
           }

           .testimonial-grid {
               grid-template-columns: 1fr;
           }

           .testimonial-card {
               min-height: 250px;
               padding: 1.5rem;
           }

           .testimonial-arrow {
               width: 45px;
               height: 45px;
               font-size: 2rem;
           }

           .testimonial-arrow.prev {
               left: 10px;
           }

           .testimonial-arrow.next {
               right: 10px;
           }

           .testimonial-slider-container {
               padding: 0 60px;
           }

           .review-toggle {
               font-size: 0.8rem;
               padding: 0.4rem 0.8rem;
           }

           .game-slider {
               animation: infiniteSlide 15s linear infinite;
           }

           @keyframes infiniteSlide {
               0% { transform: translateX(0); }
               100% { transform: translateX(calc(-300px * 2 - 4rem)); }
           }

           .game-card {
               min-width: 280px;
           }

           .section {
               padding: 3rem 1rem;
           }

           .hero {
               padding: 3rem 1rem;
           }

           .cta-section {
               padding: 3rem 1rem;
           }

           .cta-content h2 {
               font-size: 2rem;
           }

           .section h2 {
               font-size: 2rem;
           }

           .game-slider-title {
               font-size: 1.5rem;
           }

           .events-grid {
               grid-template-columns: 1fr;
               gap: 1.5rem;
           }

           .event-card {
               padding: 1.5rem;
           }

           .event-icon {
               font-size: 3rem;
           }

           .event-card h3 {
               font-size: 1.5rem;
           }

           .experience-features {
               grid-template-columns: 1fr;
               gap: 1.5rem;
           }

           .feature-card {
               padding: 1.5rem;
           }

           .feature-card .feature-icon {
               font-size: 2.5rem;
           }

           .contact-grid {
               grid-template-columns: 1fr;
               gap: 2rem;
           }

           .contact-card {
               padding: 2rem;
           }

           .contact-card h3 {
               font-size: 1.5rem;
           }

           .form-group input,
           .form-group select,
           .form-group textarea {
               padding: 0.7rem;
           }

           .submit-btn {
               padding: 0.8rem 1.5rem;
           }

           .booking-modal-content {
               padding: 2rem;
               margin: 1rem;
           }

           .booking-modal .form-row {
               grid-template-columns: 1fr;
               gap: 1rem;
           }

           .feature-item {
               flex-direction: column;
               text-align: center;
               gap: 1rem;
           }

           .feature-item .feature-icon {
               font-size: 2.5rem;
           }
       }

       @media (max-width: 480px) {
           .hero-text h1 {
               font-size: 2rem;
           }

           .section h2 {
               font-size: 1.8rem;
           }

           .game-card {
               min-width: 250px;
           }

           .playcard-stack {
               transform: perspective(1000px) rotateY(-10deg) rotateX(5deg) scale(0.8);
           }

           .event-card {
               padding: 1rem;
           }

           .event-card h3 {
               font-size: 1.3rem;
           }

           .event-icon {
               font-size: 2.5rem;
           }

           .feature-card {
               padding: 1rem;
           }

           .contact-card {
               padding: 1.5rem;
           }

           .contact-card h3 {
               font-size: 1.3rem;
           }

           .section {
               padding: 2rem 1rem;
           }

           .events-services,
           .gaming-experience,
           .contact-booking,
           .features-section,
           .testimonials-section {
               padding: 3rem 1rem;
           }
       }