*{margin:0;padding:0;box-sizing:border-box}
:root{--bg-primary:#1e104e;--bg-secondary:#2e1d5e;--bg-dark:#0f0a1f;--neon-green:#00ff88;--neon-green-dark:#00cc6f;--gold:#ffd700;--text-white:#fff;--text-muted:#b8b8d4;--border-color:rgba(255,255,255,.1)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-white);line-height:1.6;overflow-x:hidden}
header{background:rgba(15,10,31,.95);backdrop-filter:blur(10px);padding:16px 24px;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}
.header-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:40px;width:auto}
nav{display:flex;align-items:center;gap:24px}
.nav-link{color:var(--text-white);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:6px}
.nav-link:hover{color:var(--neon-green)}
.header-buttons{display:flex;gap:12px}
.btn{padding:10px 24px;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:14px}
.btn-login{background:rgba(255,255,255,.1);color:var(--text-white);border:1px solid var(--border-color)}
.btn-login:hover{background:rgba(255,255,255,.15)}
.btn-register{background:var(--neon-green);color:var(--bg-dark);box-shadow:0 4px 20px rgba(0,255,136,.4)}
.btn-register:hover{background:var(--neon-green-dark);box-shadow:0 6px 30px rgba(0,255,136,.6);transform:translateY(-2px)}
.hero{padding:60px 24px;max-width:1400px;margin:0 auto;text-align:center}
.hero h1{font-size:48px;font-weight:800;margin-bottom:20px;line-height:1.2;text-transform:uppercase}
.hero p{font-size:18px;color:var(--text-muted);max-width:800px;margin:0 auto 32px;line-height:1.8}
.hero-highlight{color:var(--neon-green);font-weight:700}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-hero-register{background:var(--neon-green);color:var(--bg-dark);padding:16px 32px;font-size:16px;box-shadow:0 8px 30px rgba(0,255,136,.5)}
.btn-hero-login{background:rgba(255,255,255,.1);color:var(--text-white);padding:16px 32px;font-size:16px;border:1px solid var(--border-color)}
.vip-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-dark) 100%);padding:80px 24px;overflow:hidden}
.vip-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.vip-content h2{font-size:42px;font-weight:800;margin-bottom:16px;line-height:1.2}
.vip-content .gold-text{color:var(--gold);display:block}
.vip-content p{font-size:18px;color:var(--text-muted);margin-bottom:24px}
.vip-image img{width:100%;height:auto;border-radius:16px}
.game-categories{padding:40px 24px;max-width:1400px;margin:0 auto}
.categories-nav{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:none}
.categories-nav::-webkit-scrollbar{display:none}
.category-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;min-width:100px;text-decoration:none;color:var(--text-muted)}
.category-item:hover,.category-item.active{background:rgba(255,215,0,.1);color:var(--gold)}
.category-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:20px}
.category-item.active .category-icon{background:var(--gold);color:var(--bg-dark)}
.category-label{font-size:12px;font-weight:500;text-align:center}
.content-section{padding:60px 24px;max-width:1200px;margin:0 auto}
.section-title{font-size:32px;font-weight:700;margin-bottom:32px;display:flex;align-items:center;gap:12px}
.section-title .icon{color:var(--neon-green);font-size:28px}
.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}
.bonus-card{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--border-color);border-radius:16px;padding:24px}
.bonus-card:hover{transform:translateY(-4px);border-color:var(--neon-green);box-shadow:0 8px 30px rgba(0,255,136,.2)}
.bonus-card h3{font-size:20px;margin-bottom:12px;color:var(--gold)}
.bonus-card p{color:var(--text-muted);line-height:1.6}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px}
.feature-item{display:flex;align-items:flex-start;gap:16px}
.feature-icon{width:48px;height:48px;border-radius:12px;background:rgba(0,255,136,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--neon-green);font-size:24px}
.feature-content h4{font-size:18px;margin-bottom:8px}
.feature-content p{color:var(--text-muted);font-size:14px}
.games-showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:32px}
.game-card{aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer}
.game-card:hover{transform:scale(1.05)}
.game-card img{width:100%;height:100%;object-fit:cover}
footer{background:var(--bg-dark);padding:40px 24px 24px;border-top:1px solid var(--border-color);margin-top:80px}
.footer-content{max-width:1400px;margin:0 auto;text-align:center}
.footer-links{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:24px}
.footer-links a{color:var(--text-muted);text-decoration:none;font-size:14px}
.footer-links a:hover{color:var(--neon-green)}
.footer-social{display:flex;justify-content:center;gap:16px;margin-bottom:24px}
.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.footer-social a:hover{background:var(--neon-green);transform:translateY(-2px)}
.footer-legal{color:var(--text-muted);font-size:12px;line-height:1.6;max-width:800px;margin:0 auto}
.footer-legal a{color:var(--neon-green);text-decoration:underline}
.text-muted{color:var(--text-muted)}
.mb-32{margin-bottom:32px}
.mt-40{margin-top:40px}
.fs-18{font-size:18px}
.ta-center{text-align:center}
.mt-24{margin-top:24px}
.fs-14{font-size:14px}
.p-16-40{padding:16px 40px}
.fs-18-btn{font-size:18px}
@media (max-width:968px){.vip-container{grid-template-columns:1fr}.hero h1{font-size:36px}.vip-content h2{font-size:32px}}
@media (max-width:640px){header{padding:12px 16px}.header-container{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}.hero{padding:40px 16px}.hero h1{font-size:28px}.hero p{font-size:16px}.btn-hero-register,.btn-hero-login{width:100%}}