:root{
  --bg:#030609;--panel:#080c10;--panel2:#0d1217;--line:#1b2a38;
  --blue:#1e66d7;--red:#c62128;--green:#53b857;--gold:#d8a21e;
  --text:#d7dbe0;--muted:#8f979f
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at top,#11161d 0,#030609 45%);color:var(--text);font-family:"Oswald",sans-serif;line-height:1.5}
a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 28px));margin:auto}

.hero-banner{height:320px;background:url("assets/mohaachile-hero.jpg") center/cover no-repeat;position:relative;border-bottom:1px solid #202d3a}
.hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.02),rgba(0,0,0,.05) 70%,rgba(0,0,0,.28))}


.main-nav{background:linear-gradient(#0c1015,#05070a);border-top:1px solid #26323d;border-bottom:1px solid #26323d;position:sticky;top:0;z-index:40}
.nav-inner{min-height:58px;display:flex;align-items:center}.nav-links{display:flex;flex:1}.nav-links a{padding:18px 20px;text-transform:uppercase;border-right:1px solid #161d24;font-size:14px}.nav-links a:hover,.nav-links a.active{color:#ff373d;box-shadow:inset 0 -2px 0 var(--red)}
.register-btn{background:linear-gradient(#bd2026,#740d11);border:1px solid #e22a30;color:#fff;padding:13px 24px;text-transform:uppercase;font-weight:700;display:inline-block;clip-path:polygon(8% 0,100% 0,93% 100%,0 100%)}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}

.top-grid{display:grid;grid-template-columns:1fr 480px;gap:12px;padding-top:12px}
.feature-card,.panel,.rules-section,.contact-section{background:linear-gradient(145deg,rgba(8,12,16,.97),rgba(3,6,9,.99));border:1px solid var(--line);box-shadow:0 0 24px rgba(0,0,0,.45)}
.feature-card{min-height:360px;position:relative;background:linear-gradient(90deg,rgba(3,6,9,.96),rgba(3,6,9,.3)),url("assets/battle-panel.jpg") center/cover no-repeat}
.feature-content{padding:38px 28px;max-width:540px}.eyebrow{color:var(--gold);text-transform:uppercase;font-weight:700;letter-spacing:.08em}
.feature-content h1{font-size:62px;text-transform:uppercase;line-height:1;margin:10px 0 15px;text-shadow:0 2px 0 #777}
.feature-content p{font-family:Arial,sans-serif;color:#c5c8cc;margin:9px 0}.server-badge{position:absolute;right:10px;top:10px;background:#080c10;border:1px solid #263544;padding:9px 12px;text-transform:uppercase;font-size:12px}.server-badge span{display:inline-block;width:9px;height:9px;background:#42bd55;border-radius:50%;margin-right:6px}.server-badge strong{color:#2d78ff;font-size:18px;margin-left:6px}
.outline-btn,.panel-button{display:inline-flex;justify-content:center;border:1px solid #2154a5;padding:11px 22px;text-transform:uppercase;margin-top:18px}.outline-btn span{margin-left:30px}.panel-button{display:block;margin:10px;border-color:#253d56;font-size:12px;text-align:center}

.panel-title{padding:12px 16px;border-bottom:1px solid #19232d;text-transform:uppercase;font-weight:700;font-size:18px}.panel-title a,.panel-title span{float:right;font-size:10px;color:#999;font-weight:400}
.match-row{display:grid;grid-template-columns:70px 1fr 130px;min-height:98px;border-bottom:1px solid #17222c}.date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #17222c}.date strong{font-size:31px}.date span{font-size:11px}.date small{font-size:8px;color:#949aa0}.teams{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase}.teams em{font-size:11px;color:#888}.map{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #17222c;padding-left:12px}.map small{color:#888;text-transform:uppercase}.map strong{font-size:12px}.red{color:#ff333a}.blue{color:#3280ff}.green{color:#4ecb57}.gold{color:#dfaa1f}

.dashboard-grid{display:grid;grid-template-columns:1.1fr .85fr 1.1fr;gap:12px;padding-top:12px}
.table-wrap{padding:8px 14px}table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:12px}th,td{padding:4px;text-align:left}thead{color:#8b9299}.highlight{color:#ff353b}
.news-item{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:9px 14px;border-bottom:1px solid #17222c}.news-item h3{font-size:15px}.news-item p{font-family:Arial,sans-serif;color:#8f969c;font-size:11px}.thumb{background:url("assets/battle-panel.jpg") center/cover;height:50px}.two{background-position:30% 60%}.three{background-position:70% 45%}.four{background-position:90% 50%}
.clan-box{display:grid;grid-template-columns:180px 1fr;align-items:center;min-height:230px;background:radial-gradient(circle at 30% 50%,#271011,#080b0f 60%)}.skull{font-size:120px;text-align:center;filter:grayscale(1)}.clan-box h2{color:#d22a30;text-transform:uppercase;font-size:28px;margin-bottom:18px}.clan-box p{font-family:Arial,sans-serif;color:#aaa;margin:8px 0}.clan-box strong{color:#c5c5c5}

.lower-grid{display:grid;grid-template-columns:1fr .7fr 1.15fr .9fr .8fr;gap:12px;padding-top:12px}.server-line,.downloads>a,.community>a{display:flex;justify-content:space-between;padding:7px 14px;font-family:Arial,sans-serif;font-size:12px}.server-line span{width:8px;height:8px;border-radius:50%;background:#43be55;margin-right:8px}.gallery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px}.gallery-row div{height:72px;background:url("assets/battle-panel.jpg") center/cover}.g2{background-position:40%}.g3{background-position:75%}.social-icons{display:flex;gap:10px;padding:14px}.social-icons a{background:#14213a;border:1px solid #263957;padding:10px 12px}.social p{font-family:Arial,sans-serif;color:#999;font-size:12px;padding:0 14px 14px}

.rules-section,.contact-section{margin-top:12px}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr)}.rules-grid div{padding:18px;border-right:1px solid var(--line)}.rules-grid strong{color:#2d78ff}.rules-grid p{font-family:Arial,sans-serif;color:#939aa0;font-size:12px}
.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:28px}.contact-section h2{font-size:38px;text-transform:uppercase}.contact-section p{font-family:Arial,sans-serif;color:#999}.contact-section form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-section input,.contact-section textarea{background:#05080b;border:1px solid #23313f;color:white;padding:13px}.contact-section textarea,.contact-section button{grid-column:1/-1}

footer{margin-top:20px;background:#020406;border-top:1px solid #1c2630}.footer-row{display:flex;justify-content:space-between;padding:20px 0;color:#8f969c;font-size:12px}.copyright{text-align:center;border-top:1px solid #141a20;padding:10px;color:#6e757b;font-family:Arial,sans-serif;font-size:11px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:100;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(600px,100%);background:#090d12;border:1px solid var(--line);padding:25px;position:relative}.modal-card h3{text-transform:uppercase;font-size:30px}.modal-card textarea{width:100%;background:#030609;color:white;border:1px solid #263545;padding:12px;margin:15px 0}.modal-card>button:first-child{position:absolute;right:12px;top:8px;background:none;border:0;color:white;font-size:28px}

@media(max-width:1050px){.top-grid,.dashboard-grid,.contact-section{grid-template-columns:1fr}.lower-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .hero-banner{height:220px;background-size:cover}
  .nav-links{display:none;position:absolute;top:58px;left:14px;right:14px;background:#080b0f;flex-direction:column}.nav-links.open{display:flex}.menu-toggle{display:block;margin-right:14px}
  .feature-content h1{font-size:45px}.top-grid{grid-template-columns:1fr}.match-row{grid-template-columns:65px 1fr}.match-row .map{display:none}
  .lower-grid,.rules-grid{grid-template-columns:1fr}.contact-section form{grid-template-columns:1fr}.contact-section input,.contact-section textarea,.contact-section button{grid-column:1}
  .footer-row{flex-direction:column;gap:8px;text-align:center}.clan-box{grid-template-columns:1fr;text-align:center}.skull{font-size:90px}
}