*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,sans-serif}
body{background:#1a0a2e;color:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
.header{background:linear-gradient(180deg,#2d1850 0%,#1a0a2e 100%);position:sticky;top:0;z-index:100;border-bottom:1px solid #4a2570}
.nav-wrap{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.logo{font-size:26px;font-weight:bold;background:linear-gradient(90deg,#ff6b00,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-menu{display:flex;gap:6px;list-style:none;flex-wrap:wrap}
.nav-menu a{padding:8px 14px;border-radius:20px;font-size:14px;color:#e0d0ff;transition:all .3s}
.nav-menu a:hover,.nav-menu a.active{background:#7b2ff7;color:#fff}
.auth-btns{display:flex;gap:8px}
.btn{padding:8px 18px;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .3s;display:inline-block}
.btn-login{background:transparent;border:1px solid #ffd700;color:#ffd700}
.btn-register{background:linear-gradient(90deg,#ff6b00,#ffd700);color:#1a0a2e}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,107,0,.4)}
.hero{background:linear-gradient(135deg,#3d1f6e 0%,#1a0a2e 100%);padding:60px 20px;text-align:center}
.hero-inner{max-width:1200px;margin:0 auto}
.hero h1{font-size:42px;margin-bottom:18px;background:linear-gradient(90deg,#ffd700,#ff6b00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}
.hero p{font-size:17px;color:#d0c0e8;max-width:780px;margin:0 auto 28px}
.hero-banner{max-width:572px;width:100%;height:auto;border-radius:14px;margin:18px auto;display:block;box-shadow:0 10px 40px rgba(123,47,247,.5)}
.promo-bar{background:linear-gradient(90deg,#7b2ff7,#ff6b00);padding:14px;text-align:center;font-weight:600;font-size:15px}
.container{max-width:1200px;margin:0 auto;padding:50px 20px}
.section-title{font-size:28px;margin-bottom:8px;color:#ffd700}
.section-sub{color:#a090c0;margin-bottom:24px;font-size:14px}
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.game-card{background:#2d1850;border-radius:12px;overflow:hidden;transition:all .3s;border:1px solid #4a2570}
.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(123,47,247,.4)}
.game-card img{width:100%;height:auto;display:block}
.game-info{padding:10px}
.game-info h3{font-size:14px;color:#ffd700;margin-bottom:4px}
.game-info p{font-size:12px;color:#a090c0}
.feature-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}
.feature-card{background:linear-gradient(135deg,#3d1f6e,#2d1850);padding:24px;border-radius:14px;border:1px solid #4a2570}
.feature-card h3{color:#ffd700;margin-bottom:10px;font-size:18px}
.feature-card p{color:#d0c0e8;font-size:14px}
.banner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px}
.banner-item{background:#2d1850;border-radius:14px;overflow:hidden;border:1px solid #4a2570;text-align:center;padding:18px}
.banner-item img{max-width:100%;height:auto;display:block;margin:0 auto 12px}
.banner-item h3{color:#ffd700;margin-bottom:6px}
.banner-item p{color:#a090c0;font-size:13px;margin-bottom:10px}
.about-block{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:20px}
.about-block img{max-width:100%;height:auto;border-radius:14px}
.about-text h2{color:#ffd700;margin-bottom:14px;font-size:24px}
.about-text p{color:#d0c0e8;margin-bottom:12px;font-size:14px}
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:24px}
.stat{background:linear-gradient(135deg,#7b2ff7,#3d1f6e);padding:24px;border-radius:14px;text-align:center}
.stat-num{font-size:32px;font-weight:bold;color:#ffd700}
.stat-label{color:#e0d0ff;font-size:13px;margin-top:6px}
.faq-section{background:#2d1850;padding:40px 20px;border-radius:14px;margin-top:30px}
.faq-item{border-bottom:1px solid #4a2570;padding:16px 0}
.faq-item:last-child{border-bottom:none}
.faq-item h4{color:#ffd700;margin-bottom:8px;font-size:16px}
.faq-item p{color:#d0c0e8;font-size:14px}
.faq-item ul{margin-top:8px;padding-left:20px;color:#d0c0e8;font-size:14px}
.testimonial{background:linear-gradient(135deg,#3d1f6e,#2d1850);padding:24px;border-radius:14px;margin-top:24px;border-left:4px solid #ffd700}
.testimonial p{color:#e0d0ff;font-style:italic;font-size:15px}
.footer{background:#0d0518;padding:40px 20px 20px;margin-top:50px;border-top:1px solid #4a2570}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}
.footer-col h4{color:#ffd700;margin-bottom:14px;font-size:16px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:8px}
.footer-col a,.footer-col p{color:#a090c0;font-size:13px;transition:color .3s}
.footer-col a:hover{color:#ffd700}
.footer-bottom{max-width:1200px;margin:30px auto 0;padding-top:20px;border-top:1px solid #2d1850;text-align:center;color:#7a6a90;font-size:13px}
.age-badge{display:inline-block;background:#ff3030;color:#fff;padding:4px 10px;border-radius:4px;font-weight:bold;margin-left:8px}
@media(max-width:768px){
.hero h1{font-size:28px}
.nav-wrap{padding:10px 14px}
.nav-menu{order:3;width:100%;justify-content:center}
.about-block{grid-template-columns:1fr}
.section-title{font-size:22px}
}