*{margin:0;padding:0;box-sizing:border-box}
:root{--red:#ef4444;--red-light:#f87171;--bg-dark:#1c1c27;--bg-mid:#252532;--bg-card:#2f2f40;--text-white:#fafafa;--text-gray:#a1a1aa}
html{scroll-behavior:smooth}
body{font-family:'Rubik',sans-serif;background:var(--bg-dark);color:var(--text-white);line-height:1.7}
h1,h2,h3,h4{font-family:'Bebas Neue',cursive;font-weight:400;letter-spacing:1px}

.wall-layer{position:fixed;inset:0;background:rgba(28,28,39,0.98);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}
.wall-layer.hidden{display:none}
.wall-box{background:var(--bg-mid);border:3px solid var(--red);border-radius:16px;padding:50px 40px;max-width:480px;text-align:center;box-shadow:0 0 60px rgba(239,68,68,0.2)}
.wall-icon{font-size:50px;color:var(--red);margin-bottom:20px}
.wall-box h2{font-size:2.2rem;margin-bottom:20px}
.wall-box p{color:var(--text-gray);margin-bottom:12px}
.wall-q{color:var(--text-white)!important;font-weight:600;margin-top:25px!important}
.wall-btns{display:flex;gap:15px;justify-content:center;margin-top:30px}
.wall-btns button{padding:14px 35px;border:none;border-radius:8px;font-family:'Bebas Neue',cursive;font-size:1.2rem;letter-spacing:1px;cursor:pointer;transition:all 0.3s}
.wall-btns button:first-child{background:var(--red);color:white}
.wall-btns button:first-child:hover{background:var(--red-light);box-shadow:0 5px 30px rgba(239,68,68,0.4)}
.wall-btns button:last-child{background:transparent;border:2px solid var(--text-gray);color:var(--text-gray)}
.wall-btns button:last-child:hover{border-color:white;color:white}

.main-nav{position:fixed;top:0;width:100%;background:rgba(28,28,39,0.95);backdrop-filter:blur(12px);z-index:1000;border-bottom:2px solid var(--red)}
.nav-container{max-width:1500px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;justify-content:space-between}
.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-white)}
.logo-icon{color:var(--red);font-size:1.4rem}
.logo-name{font-family:'Bebas Neue',cursive;font-size:1.8rem;letter-spacing:2px}
.menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}
.menu-btn span{width:28px;height:3px;background:var(--red);transition:0.3s}
.menu-links{display:flex;gap:35px}
.menu-links a{color:var(--text-gray);text-decoration:none;font-weight:500;transition:color 0.3s;text-transform:uppercase;letter-spacing:0.5px}
.menu-links a:hover,.menu-links a.active{color:var(--red)}

.banner{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:130px 40px 80px;background:linear-gradient(135deg,rgba(239,68,68,0.1) 0%,transparent 50%),var(--bg-dark);text-align:center}
.banner-content{max-width:800px}
.banner-tag{display:inline-block;background:var(--red);color:white;padding:8px 20px;border-radius:4px;font-size:0.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px}
.banner h1{font-size:clamp(3rem,6vw,5rem);line-height:1.1;margin-bottom:25px}
.banner p{font-size:1.15rem;color:var(--text-gray);margin-bottom:40px;line-height:1.8}
.banner-btn{display:inline-block;padding:16px 50px;background:var(--red);color:white;text-decoration:none;font-family:'Bebas Neue',cursive;font-size:1.3rem;letter-spacing:2px;border-radius:4px;transition:all 0.3s}
.banner-btn:hover{background:var(--red-light);transform:translateY(-3px);box-shadow:0 10px 35px rgba(239,68,68,0.4)}

.alerts{padding:80px 40px;background:var(--bg-mid)}
.alerts-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.alert-box{background:var(--bg-card);border-radius:12px;padding:40px 30px;text-align:center;border-bottom:4px solid var(--red)}
.alert-icon{font-size:44px;display:block;margin-bottom:18px}
.alert-box h3{font-size:1.6rem;margin-bottom:12px}
.alert-box p{color:var(--text-gray)}

.game-zone{padding:100px 40px;background:var(--bg-dark)}
.game-container{max-width:1400px;margin:0 auto}
.game-header{text-align:center;max-width:700px;margin:0 auto 50px}
.game-label{display:inline-block;color:var(--red);font-size:0.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}
.game-header h2{font-size:3rem;margin-bottom:18px}
.game-header p{color:var(--text-gray);font-size:1.05rem}
.game-frame{background:var(--bg-mid);border:3px solid var(--red);border-radius:12px;overflow:hidden}
.game-frame iframe{width:100%;height:620px;border:none;display:block}
.game-tip{text-align:center;margin-top:25px;color:var(--text-gray)}

.about{padding:100px 40px;background:var(--bg-mid)}
.about-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}
.about-info h2{font-size:3rem;margin-bottom:25px}
.about-info p{color:var(--text-gray);margin-bottom:18px;line-height:1.85}
.about-stats{display:grid;gap:20px}
.stat-card{background:var(--bg-dark);border-left:5px solid var(--red);border-radius:0 12px 12px 0;padding:30px}
.sc-val{display:block;font-family:'Bebas Neue',cursive;font-size:3rem;color:var(--red)}
.sc-label{color:var(--text-gray);margin-top:5px}

.features{padding:100px 40px;background:var(--bg-dark)}
.features h2{text-align:center;font-size:3rem;margin-bottom:55px}
.features-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.feature{background:var(--bg-card);border-radius:12px;padding:40px 28px;text-align:center;transition:transform 0.3s}
.feature:hover{transform:translateY(-8px)}
.f-icon{font-size:44px;margin-bottom:18px;display:block}
.feature h3{font-size:1.4rem;margin-bottom:10px}
.feature p{color:var(--text-gray);font-size:0.9rem}

.site-footer{background:var(--bg-mid);border-top:2px solid var(--red);padding:55px 40px 25px}
.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}
.footer-logo{font-family:'Bebas Neue',cursive;font-size:1.6rem;letter-spacing:2px;color:var(--red);margin-bottom:12px}
.footer-brand p{color:var(--text-gray)}
.footer-nav h4,.footer-help h4{font-size:1.2rem;margin-bottom:18px}
.footer-nav a,.footer-help a{display:block;color:var(--text-gray);text-decoration:none;margin-bottom:10px;transition:color 0.3s}
.footer-nav a:hover,.footer-help a:hover{color:var(--red)}
.footer-bottom{max-width:1400px;margin:40px auto 0;padding-top:22px;border-top:1px solid rgba(239,68,68,0.2);text-align:center;color:var(--text-gray);font-size:0.9rem}

@media(max-width:1100px){.alerts-container,.features-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr;text-align:center}}
@media(max-width:768px){.menu-btn{display:flex}.menu-links{position:fixed;top:70px;left:0;right:0;background:rgba(28,28,39,0.98);flex-direction:column;padding:30px;gap:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s}.menu-links.open{transform:translateY(0);opacity:1;visibility:visible}.nav-container{padding:14px 20px}.banner{padding:100px 25px 60px}.alerts,.game-zone,.about,.features{padding:60px 25px}.game-frame iframe{height:420px}.wall-box{padding:40px 25px}.wall-btns{flex-direction:column}}