/* CSS Reset & Custom Properties */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
--primary:#34d399;
--primary-glow:rgba(52,211,153,0.4);
--secondary:#10b981;
--accent:#a3e635;
--accent-glow:rgba(163,230,53,0.3);
--bg-from:#052e16;
--bg-via:#14532d;
--bg-to:#022c22;
--card-bg:rgba(20,83,45,0.6);
--card-border:rgba(52,211,153,0.2);
--gold:#d4af37;
--gold-light:#f4d03f;
--dark:#0a0a0a;
--white:#ffffff;
--transition:0.25s cubic-bezier(0.34,1.56,0.64,1);
}
body{font-family:'Inter',system-ui,sans-serif;font-weight:400;color:var(--white);background:linear-gradient(135deg,var(--bg-from) 0%,var(--bg-via) 50%,var(--bg-to) 100%);background-attachment:fixed;line-height:1.6;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;transition:all var(--transition);}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}

/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Header & Navigation */
header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(5,46,22,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);}
nav{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;max-width:1200px;margin:0 auto;}
.logo{font-size:24px;font-weight:700;color:var(--gold);text-shadow:0 0 20px var(--primary-glow);display:flex;align-items:center;gap:10px;}
.logo::before{content:'♠';font-size:30px;color:var(--primary);}
.nav-links{display:flex;gap:30px;align-items:center;}
.nav-links a{font-weight:500;position:relative;padding:5px 0;}
.nav-links a:hover{color:var(--primary);transform:translateY(-2px);}
.badge-18{background:linear-gradient(135deg,#dc2626,#991b1b);padding:5px 12px;border-radius:4px;font-weight:700;font-size:14px;border:2px solid #fca5a5;box-shadow:0 0 15px rgba(220,38,38,0.5);}
.mobile-menu-btn{display:none;font-size:28px;color:var(--gold);background:none;border:none;cursor:pointer;}

/* Hero Section */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px;}
.hero::before{content:'';position:absolute;inset:0;background:url('ban.jpg') center/cover;opacity:0.3;z-index:-1;}
.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.hero-text h1{font-size:64px;margin-bottom:20px;background:linear-gradient(135deg,var(--gold),var(--gold-light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:float 3s ease-in-out infinite;}
.hero-text p{font-size:20px;color:rgba(255,255,255,0.9);margin-bottom:40px;line-height:1.8;}
.hero-cta{display:flex;gap:20px;flex-wrap:wrap;}
.btn{padding:16px 40px;font-weight:700;border:3px solid;transition:all var(--transition);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;}
.btn-primary{background:var(--primary);color:var(--dark);border-color:var(--primary);box-shadow:0 0 30px var(--primary-glow);animation:pulse 2s infinite;}
.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 50px var(--primary-glow);}
.btn-secondary{background:transparent;color:var(--gold);border-color:var(--gold);}
.btn-secondary:hover{background:var(--gold);color:var(--dark);transform:scale(1.05);}
.hero-image{position:relative;animation:float 4s ease-in-out infinite;}
.hero-image img{border-radius:8px;border:2px solid var(--primary);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 40px var(--primary-glow);}

/* Section Styles */
section{padding:80px 0;position:relative;}
.section-title{text-align:center;font-size:48px;margin-bottom:60px;color:var(--gold);text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block;left:50%;transform:translateX(-50%);}
.section-title::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);}

/* Gaming Cards */
.gaming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;}
.game-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--primary);padding:30px;transition:all var(--transition);backdrop-filter:blur(10px);}
.game-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px rgba(0,0,0,0.5),0 0 30px var(--primary-glow);border-left-color:var(--gold);}
.game-icon{font-size:48px;margin-bottom:20px;color:var(--gold);text-shadow:0 0 20px var(--primary-glow);}
.game-card h3{color:var(--primary);margin-bottom:15px;font-size:24px;}
.game-card p{color:rgba(255,255,255,0.8);line-height:1.8;}

/* Amenities */
.amenities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;}
.amenity-item{background:var(--card-bg);padding:25px;border:1px solid var(--card-border);border-radius:4px;text-align:center;transition:all var(--transition);}
.amenity-item:hover{transform:scale(1.05);box-shadow:0 15px 35px var(--primary-glow);}
.amenity-icon{font-size:40px;margin-bottom:15px;color:var(--accent);}

/* Events */
.events-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;}
.event-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;overflow:hidden;transition:all var(--transition);}
.event-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.6);}
.event-image{height:200px;background:linear-gradient(135deg,var(--bg-via),var(--bg-to));display:flex;align-items:center;justify-content:center;font-size:60px;color:var(--gold);}
.event-info{padding:25px;}
.event-date{color:var(--accent);font-weight:700;margin-bottom:10px;}
.event-info h3{color:var(--primary);margin-bottom:10px;}

/* Membership */
.membership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;}
.tier-card{background:var(--card-bg);border:1px solid var(--card-border);padding:35px;text-align:center;transition:all var(--transition);position:relative;overflow:hidden;}
.tier-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);opacity:0;transition:opacity var(--transition);}
.tier-card:hover::before{opacity:1;}
.tier-card:hover{transform:scale(1.05);border-color:var(--gold);box-shadow:0 20px 50px var(--primary-glow);}
.tier-name{font-size:28px;color:var(--gold);margin-bottom:15px;text-transform:uppercase;}
.tier-benefits{margin:20px 0;text-align:left;}
.tier-benefits li{padding:8px 0;color:rgba(255,255,255,0.9);position:relative;padding-left:25px;}
.tier-benefits li::before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:700;}

/* Location */
.location-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;}
.map-placeholder{background:var(--card-bg);border:2px solid var(--card-border);height:400px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary);border-radius:4px;}
.contact-info h3{color:var(--gold);margin-bottom:20px;font-size:28px;}
.info-item{margin:20px 0;padding:15px;background:var(--card-bg);border-left:3px solid var(--primary);border-radius:4px;}
.info-item strong{color:var(--primary);display:block;margin-bottom:5px;}

/* Disclaimer */
.disclaimer{background:rgba(220,38,38,0.1);border:2px solid #dc2626;padding:40px;text-align:center;margin:60px 0;}
.disclaimer h3{color:#fca5a5;margin-bottom:15px;font-size:28px;}
.disclaimer p{color:rgba(255,255,255,0.9);line-height:1.8;}

/* Footer */
footer{background:rgba(5,46,22,0.95);border-top:2px solid var(--card-border);padding:40px 20px 20px;}
.footer-content{max-width:1200px;margin:0 auto;text-align:center;}
.footer-logo{font-size:32px;color:var(--gold);margin-bottom:20px;font-weight:700;}
.footer-badge{display:inline-block;background:linear-gradient(135deg,#dc2626,#991b1b);padding:15px 30px;border-radius:4px;font-size:32px;font-weight:700;border:3px solid #fca5a5;margin:20px 0;box-shadow:0 0 30px rgba(220,38,38,0.7);}
.footer-links{display:flex;gap:30px;justify-content:center;margin:25px 0;flex-wrap:wrap;}
.footer-links a:hover{color:var(--primary);}
.responsible-gaming{color:var(--accent);font-weight:700;margin:20px 0;font-size:18px;}
.copyright{color:rgba(255,255,255,0.6);margin-top:25px;}

/* Modal */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:2000;align-items:center;justify-content:center;}
.modal.active{display:flex;}
.modal-content{background:linear-gradient(135deg,var(--bg-from),var(--bg-via));border:3px solid #dc2626;padding:50px;max-width:500px;text-align:center;border-radius:8px;box-shadow:0 0 60px rgba(220,38,38,0.8);}
.modal-content h2{color:#fca5a5;font-size:36px;margin-bottom:20px;}
.modal-content p{margin:20px 0;font-size:18px;line-height:1.8;}
.modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px;}

/* Animations */
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}
@keyframes pulse{0%,100%{box-shadow:0 0 30px var(--primary-glow);}50%{box-shadow:0 0 50px var(--primary-glow),0 0 70px var(--primary-glow);}}

/* Content Pages */
.content-page{padding-top:100px;min-height:100vh;}
.content-container{max-width:900px;margin:0 auto;padding:40px 20px;}
.content-container h1{color:var(--gold);font-size:48px;margin-bottom:30px;}
.content-container h2{color:var(--primary);font-size:32px;margin:30px 0 15px;}
.content-container p{margin:15px 0;line-height:1.8;color:rgba(255,255,255,0.9);}
.content-container ul{margin:15px 0 15px 30px;}
.content-container li{margin:10px 0;color:rgba(255,255,255,0.9);list-style:disc;}

/* Responsive */
@media(max-width:1024px){
.hero-content,.location-content{grid-template-columns:1fr;}
.hero-text h1{font-size:48px;}
}
@media(max-width:768px){
.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(5,46,22,0.98);padding:20px;border-top:1px solid var(--card-border);}
.nav-links.active{display:flex;}
.mobile-menu-btn{display:block;}
.hero-text h1{font-size:36px;}
.section-title{font-size:32px;}
.membership-grid,.gaming-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
.hero-cta{flex-direction:column;}
.btn{width:100%;}
.modal-content{padding:30px 20px;}
}