*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#1a1a1a;color:#fff;overflow-x:hidden}
.menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#d4af37;border:none;padding:1rem;border-radius:10px;font-size:1.5rem;cursor:pointer}
.top-bar{position:fixed;top:0;width:100%;background:rgba(26,26,26,0.95);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;border-bottom:2px solid #d4af37}
.top-bar .logo img{height:50px}
.top-bar nav{display:flex;gap:2rem}
.top-bar nav a{color:#fff;text-decoration:none;font-weight:bold;transition:color 0.3s}
.top-bar nav a:hover{color:#d4af37}
.top-bar .cta-btn{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#000;padding:0.8rem 2rem;border-radius:25px;text-decoration:none;font-weight:bold;transition:transform 0.3s}
.top-bar .cta-btn:hover{transform:scale(1.05)}
.hero-slider{margin-top:80px;height:600px;position:relative;overflow:hidden}
.hero-slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s}
.hero-slide.active{opacity:1}
.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}
.hero-content h1{font-size:4rem;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,0.5);margin-bottom:1rem}
.hero-content p{font-size:1.5rem;margin-bottom:2rem}
.hero-content .btn{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#000;padding:1rem 3rem;border-radius:30px;text-decoration:none;font-size:1.2rem;font-weight:bold}
.waterfall{padding:4rem 2rem;column-count:3;column-gap:2rem}
.waterfall-item{break-inside:avoid;margin-bottom:2rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:20px;overflow:hidden;border:2px solid #d4af37;transition:transform 0.3s}
.waterfall-item:hover{transform:translateY(-10px)}
.waterfall-item img{width:100%;display:block}
.waterfall-item .content{padding:2rem}
.waterfall-item h3{color:#d4af37;font-size:1.8rem;margin-bottom:1rem}
.waterfall-item p{line-height:1.8;margin-bottom:1rem}
.waterfall-item .btn{display:inline-block;background:#d4af37;color:#000;padding:0.8rem 2rem;border-radius:20px;text-decoration:none;font-weight:bold}
.age-warning{background:#c41e3a;color:#fff;text-align:center;padding:0.8rem;font-weight:bold;position:fixed;bottom:0;width:100%;z-index:999;height:50px}
.module{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);padding:3rem;margin:2rem auto;max-width:1200px;border-radius:20px;border-left:5px solid #d4af37}
.module h2{color:#d4af37;font-size:2.5rem;margin-bottom:1.5rem}
.module p{line-height:2;font-size:1.1rem;margin-bottom:1rem}
.module img{width:100%;border-radius:15px;margin:1.5rem 0}
.footer{background:#0a0a0a;padding:3rem 2rem;margin-top:4rem}
.license{text-align:center;margin-bottom:2rem;padding:2rem;background:rgba(212,175,55,0.1);border-radius:15px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto}
.footer-grid h4{color:#d4af37;margin-bottom:1rem}
.footer-grid a{display:block;color:#999;text-decoration:none;margin-bottom:0.5rem}
.footer-grid a:hover{color:#d4af37}
@media(max-width:768px){
.menu-toggle{display:block}
.top-bar{flex-direction:column;padding:1rem}
.top-bar nav{display:none;flex-direction:column;width:100%;gap:1rem;margin-top:1rem}
.top-bar nav.active{display:flex}
.waterfall{column-count:1}
.hero-content h1{font-size:2.5rem}
.hero-slider{height:400px}
}