*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:#1a0f08;color:#e8d9c4;line-height:1.7;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Header */
header{background:#2a1810;border-bottom:2px solid #ff8c00;position:sticky;top:0;z-index:100;}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;max-width:1300px;margin:0 auto;flex-wrap:wrap;gap:10px;}
.logo{font-size:26px;font-weight:bold;color:#ff8c00;letter-spacing:1px;}
nav ul{display:flex;list-style:none;gap:5px;flex-wrap:wrap;}
nav a{padding:8px 14px;color:#e8d9c4;border-radius:4px;font-size:15px;transition:.3s;}
nav a:hover,nav a.active{background:#ff8c00;color:#fff;}
.auth-btns{display:flex;gap:8px;}
.btn-login,.btn-register{padding:8px 18px;border-radius:4px;font-weight:bold;font-size:14px;transition:.3s;}
.btn-login{background:#ff8c00;color:#fff;}
.btn-register{background:transparent;color:#ff8c00;border:1px solid #ff8c00;}
.btn-login:hover{background:#ffa733;}
.btn-register:hover{background:#ff8c00;color:#fff;}

/* Hero */
.hero{background:linear-gradient(135deg,#2a1810 0%,#1a0f08 100%);padding:60px 20px;}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1200px;margin:0 auto;}
.hero h1{font-size:38px;color:#ff8c00;margin-bottom:20px;line-height:1.3;}
.hero p{font-size:16px;margin-bottom:25px;color:#d4c0a8;}
.hero-btns{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;}
.btn-primary{background:#ff8c00;color:#fff;padding:12px 30px;border-radius:25px;font-weight:bold;}
.btn-secondary{background:transparent;border:2px solid #ff8c00;color:#ff8c00;padding:10px 28px;border-radius:25px;font-weight:bold;}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.stat-box{background:#2a1810;padding:15px;border-radius:6px;text-align:center;border:1px solid #3a2418;}
.stat-num{font-size:22px;color:#ff8c00;font-weight:bold;display:block;}
.stat-label{font-size:12px;color:#a89478;}
.hero-img-wrap{display:flex;justify-content:center;}
.hero-img-wrap img{max-width:380px;width:100%;border-radius:50%;border:4px solid #ff8c00;}

/* Sections */
section{padding:50px 20px;}
.section-title{text-align:center;font-size:30px;color:#fff;margin-bottom:15px;}
.section-sub{text-align:center;color:#a89478;margin-bottom:35px;font-size:15px;max-width:700px;margin-left:auto;margin-right:auto;}

/* Welcome */
.welcome{background:#1a0f08;}
.welcome-text{max-width:900px;margin:0 auto;font-size:15px;color:#d4c0a8;}
.welcome-text p{margin-bottom:18px;}

/* Features */
.features{background:#150b05;}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;}
.feature-card{background:#2a1810;border:1px solid #3a2418;border-radius:8px;padding:25px 20px;text-align:center;transition:.3s;}
.feature-card:hover{border-color:#ff8c00;transform:translateY(-5px);}
.feature-card img{margin:0 auto 15px;width:80px;height:80px;object-fit:contain;}
.feature-card h3{color:#ff8c00;font-size:16px;margin-bottom:12px;text-transform:uppercase;}
.feature-card p{font-size:13px;color:#c4b094;}

/* How to play */
.how-play{background:#1a0f08;}
.steps-list{max-width:900px;margin:0 auto;}
.step-item{background:#2a1810;border-left:4px solid #ff8c00;padding:20px 25px;margin-bottom:15px;border-radius:4px;}
.step-item h3{color:#ff8c00;font-size:17px;margin-bottom:8px;}
.step-item p{font-size:14px;color:#c4b094;}

/* Games */
.games{background:#150b05;}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:0 auto;}
.game-card{background:#2a1810;border-radius:8px;overflow:hidden;border:1px solid #3a2418;}
.game-card img{width:100%;height:220px;object-fit:cover;}
.game-card-body{padding:18px;}
.game-card h3{color:#ff8c00;font-size:16px;margin-bottom:10px;}
.game-card p{font-size:13px;color:#c4b094;}

/* Why */
.why-us{background:#1a0f08;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;}
.why-card{background:#2a1810;padding:25px;border-radius:8px;border:1px solid #3a2418;}
.why-card h3{color:#ff8c00;font-size:16px;margin-bottom:12px;text-transform:uppercase;}
.why-card p{font-size:13px;color:#c4b094;}

/* Testimonial */
.testimonial{background:#150b05;}
.testi-box{max-width:800px;margin:0 auto;background:#2a1810;padding:30px;border-radius:8px;border-left:4px solid #ff8c00;}
.testi-box p{font-style:italic;font-size:15px;color:#d4c0a8;margin-bottom:15px;}
.testi-author{color:#ff8c00;font-weight:bold;font-size:14px;}

/* FAQ */
.faq{background:#1a0f08;}
.faq-list{max-width:900px;margin:0 auto;}
.faq-item{background:#2a1810;border-radius:6px;margin-bottom:12px;padding:20px 25px;border:1px solid #3a2418;}
.faq-item h4{color:#ff8c00;font-size:16px;margin-bottom:10px;}
.faq-item p{font-size:14px;color:#c4b094;}
.faq-item ul{margin-top:8px;padding-left:20px;font-size:14px;color:#c4b094;}

/* Footer */
footer{background:#0f0703;border-top:2px solid #ff8c00;padding:40px 20px 20px;text-align:center;}
.footer-brand{font-size:22px;color:#ff8c00;font-weight:bold;margin-bottom:10px;}
.footer-tagline{color:#a89478;font-size:14px;margin-bottom:20px;}
.footer-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-bottom:20px;}
.footer-links a{color:#c4b094;font-size:14px;}
.footer-links a:hover{color:#ff8c00;}
.copyright{font-size:13px;color:#7a6850;border-top:1px solid #2a1810;padding-top:20px;margin-top:20px;}

/* Mobile */
@media(max-width:900px){
.hero-grid,.features-grid,.games-grid,.why-grid{grid-template-columns:1fr 1fr;}
.hero h1{font-size:28px;}
}
@media(max-width:600px){
.hero-grid,.features-grid,.games-grid,.why-grid{grid-template-columns:1fr;}
.nav-wrap{flex-direction:column;align-items:flex-start;}
nav ul{width:100%;justify-content:flex-start;}
.hero{padding:30px 15px;}
.section-title{font-size:24px;}
section{padding:35px 15px;}
}