*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,sans-serif}
body{background:#1a0f08;color:#f5e8d3;line-height:1.6}
a{text-decoration:none;color:inherit}
header{background:#0d0704;border-bottom:2px solid #c9a467;position:sticky;top:0;z-index:1000}
.nav-wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;flex-wrap:wrap}
.logo{font-size:24px;font-weight:bold;color:#f0c674;letter-spacing:1px}
nav ul{display:flex;list-style:none;gap:8px;flex-wrap:wrap}
nav ul li a{padding:8px 16px;color:#f5e8d3;font-size:15px;border-radius:4px;transition:.3s}
nav ul li a:hover,nav ul li a.active{background:#c9a467;color:#1a0f08}
.auth-buttons{display:flex;gap:10px}
.btn-login,.btn-register{padding:8px 18px;border-radius:4px;font-weight:bold;font-size:14px;cursor:pointer;transition:.3s}
.btn-login{background:#f0c674;color:#1a0f08}
.btn-register{background:transparent;color:#f0c674;border:1px solid #f0c674}
.btn-login:hover,.btn-register:hover{opacity:.85}

.hero{background:linear-gradient(135deg,#2a1810 0%,#3d2418 100%);padding:60px 20px}
.hero-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero-text h1{font-size:38px;color:#f0c674;margin-bottom:20px;line-height:1.3}
.hero-text p{font-size:16px;color:#e8d4b5;margin-bottom:25px}
.hero-cta{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}
.cta-primary{background:#f0a020;color:#1a0f08;padding:12px 28px;border-radius:25px;font-weight:bold}
.cta-secondary{background:transparent;color:#f5e8d3;padding:12px 28px;border:1px solid #f5e8d3;border-radius:25px}
.hero-stats{display:flex;gap:30px;flex-wrap:wrap}
.stat-item strong{display:block;color:#f0c674;font-size:20px}
.stat-item span{font-size:13px;color:#c4a884}
.hero-img{text-align:center}
.hero-img img{max-width:100%;height:auto;border-radius:50%;border:3px solid #c9a467}

main{max-width:1200px;margin:0 auto;padding:50px 20px}
.section{margin-bottom:60px}
.section-title{text-align:center;font-size:28px;color:#f0c674;margin-bottom:35px;padding-bottom:12px;border-bottom:1px solid #4a3220;display:block}

.welcome-box{background:#241510;padding:30px;border-radius:6px;border-left:4px solid #c9a467}
.welcome-box p{margin-bottom:14px;color:#e8d4b5;font-size:15px}

.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-card{background:#2a1810;border:1px solid #4a3220;padding:22px;border-radius:6px;text-align:center;transition:.3s}
.feature-card:hover{transform:translateY(-3px);border-color:#c9a467}
.feature-card h3{color:#f0c674;font-size:17px;margin-bottom:12px}
.feature-card p{font-size:14px;color:#d4bea0}

.steps-section{background:#241510;padding:35px;border-radius:6px}
.step-item{margin-bottom:22px;padding-left:18px;border-left:3px solid #c9a467}
.step-item h3{color:#f0c674;font-size:16px;margin-bottom:8px;background:#3d2418;padding:8px 12px;display:inline-block;border-radius:4px}
.step-item p{color:#d4bea0;font-size:14px;margin-top:8px}

.games-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.game-card{background:#2a1810;padding:12px;border-radius:6px;text-align:center;border:1px solid #4a3220;transition:.3s}
.game-card:hover{border-color:#f0c674}
.game-card img{max-width:100%;height:auto;border-radius:4px;display:block;margin:0 auto 8px}
.game-card span{font-size:13px;color:#f0c674;display:block}

.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.process-card{background:#2a1810;border:1px solid #4a3220;padding:22px;border-radius:6px}
.process-card h3{color:#f0c674;font-size:17px;margin-bottom:12px}
.process-card p{font-size:14px;color:#d4bea0;margin-bottom:8px}
.process-card ul{margin-left:18px;color:#d4bea0;font-size:14px}

.showcase{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}
.showcase-img img{max-width:100%;height:auto;border-radius:8px}
.showcase-text h3{color:#f0c674;font-size:22px;margin-bottom:14px}
.showcase-text p{color:#d4bea0;margin-bottom:12px}

.testimonial{background:#241510;border-left:4px solid #f0a020;padding:25px;border-radius:6px;font-style:italic;color:#e8d4b5}

.faq-list{max-width:900px;margin:0 auto}
.faq-item{background:#2a1810;border:1px solid #4a3220;border-radius:6px;padding:18px 22px;margin-bottom:12px}
.faq-item h4{color:#f0c674;font-size:16px;margin-bottom:10px}
.faq-item p{color:#d4bea0;font-size:14px}
.faq-item ul{margin:8px 0 0 22px;color:#d4bea0;font-size:14px}

footer{background:#0d0704;border-top:2px solid #c9a467;padding:40px 20px 20px;margin-top:40px}
.footer-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.footer-col h4{color:#f0c674;margin-bottom:14px;font-size:16px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:8px;font-size:13px;color:#c4a884}
.footer-col ul li a:hover{color:#f0c674}
.footer-col p{font-size:13px;color:#c4a884;margin-bottom:6px}
.footer-bottom{max-width:1200px;margin:25px auto 0;padding-top:20px;border-top:1px solid #4a3220;text-align:center;font-size:13px;color:#c4a884}
.responsible-tag{display:inline-block;background:#f0a020;color:#1a0f08;padding:4px 12px;border-radius:3px;font-weight:bold;margin-top:8px}

@media(max-width:900px){
.hero-wrap{grid-template-columns:1fr}
.features-grid{grid-template-columns:repeat(2,1fr)}
.games-grid{grid-template-columns:repeat(3,1fr)}
.process-grid{grid-template-columns:1fr}
.showcase{grid-template-columns:1fr}
.footer-wrap{grid-template-columns:repeat(2,1fr)}
.hero-text h1{font-size:28px}
.nav-wrap{flex-direction:column;gap:12px}
}
@media(max-width:500px){
.features-grid,.games-grid,.footer-wrap{grid-template-columns:1fr 1fr}
.section-title{font-size:22px}
}