*{box-sizing:border-box}
:root{
  --bg:#07090d;
  --panel:#0d1016;
  --panel2:#121722;
  --text:#f6f7f9;
  --muted:#9da4b0;
  --red:#ed1c24;
  --red2:#ff3138;
  --green:#22e35f;
  --border:rgba(255,255,255,.12);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.noise{
  position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;
  background-image:radial-gradient(rgba(255,255,255,.65) .55px,transparent .55px);
  background-size:4px 4px;
}
.topbar{
  position:fixed;top:0;left:0;right:0;height:72px;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 20px;
  background:linear-gradient(to bottom,rgba(3,5,8,.9),rgba(3,5,8,.3),transparent);
  backdrop-filter:blur(3px);
}
.brand{font-weight:1000;font-style:italic;letter-spacing:-2px;font-size:27px}
.brand-ge{color:#fff}
.brand-wars{color:var(--red)}
.menu-btn{
  width:44px;height:44px;border:0;background:transparent;padding:10px;
  display:flex;flex-direction:column;gap:6px;align-items:flex-end;justify-content:center;
}
.menu-btn span{display:block;height:2px;background:#fff;border-radius:2px;transition:.2s}
.menu-btn span:nth-child(1){width:25px}
.menu-btn span:nth-child(2){width:20px}
.menu-btn span:nth-child(3){width:25px}
.mobile-nav{
  position:fixed;top:0;right:-100%;width:min(82vw,360px);height:100dvh;
  background:rgba(8,10,15,.98);border-left:1px solid var(--border);
  padding:110px 34px;display:flex;flex-direction:column;gap:24px;
  transition:right .28s ease;z-index:-1;
}
.mobile-nav.open{right:0}
.mobile-nav a{font-size:20px;font-weight:800;letter-spacing:2px;color:#d7dbe1}
.mobile-nav a:hover{color:var(--red)}

.hero{
  min-height:100svh;position:relative;display:flex;align-items:flex-end;
  background:
    linear-gradient(to bottom,rgba(0,0,0,.12) 0%,rgba(0,0,0,.18) 30%,rgba(6,8,12,.88) 78%,#07090d 100%),
    url("assets/hero-bg.jpg") center/cover no-repeat;
}
.hero::after{
  content:"";position:absolute;inset:auto 0 0;height:42%;
  background:linear-gradient(to bottom,transparent,var(--bg) 90%);pointer-events:none
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 78% 20%,rgba(237,28,36,.16),transparent 33%),
    linear-gradient(90deg,rgba(0,0,0,.26),transparent 50%,rgba(0,0,0,.18));
}
.hero-content{
  position:relative;z-index:2;width:100%;padding:118px 18px 36px;
  text-align:center;
}
.eyebrow{font-size:12px;letter-spacing:5px;color:#e2e4e8;margin-bottom:8px}
.hero-logo{
  margin:0;line-height:.95;font-size:clamp(58px,19vw,92px);
  font-style:italic;letter-spacing:-6px;text-shadow:0 8px 35px #000
}
.hero-logo span{color:#fff}
.hero-logo strong{color:var(--red)}
.tagline{margin:13px 0 26px;font-size:13px;letter-spacing:3px;color:#c4c9d1}

.download-btn{
  width:100%;max-width:430px;margin:0 auto 20px;min-height:84px;
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:14px 24px;border-radius:8px;
  background:linear-gradient(135deg,#f21d24,#bd0f15);
  box-shadow:0 12px 40px rgba(237,28,36,.22);
  border:1px solid rgba(255,255,255,.1);
}
.download-btn:active{transform:scale(.985)}
.download-icon{font-size:40px;line-height:1;font-weight:500}
.download-btn b{display:block;font-size:19px;letter-spacing:.6px}
.download-btn small{display:block;margin-top:5px;font-size:11px;letter-spacing:3px}

.status-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  max-width:540px;margin:0 auto;
}
.status-card{
  min-height:90px;padding:14px 8px;background:rgba(9,12,18,.74);
  border:1px solid var(--border);border-radius:6px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  backdrop-filter:blur(8px)
}
.status-label{font-size:9px;letter-spacing:1.1px;color:#aab1bd;margin-bottom:9px}
.status-card strong{font-size:14px}
.status-value{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:900;color:var(--green)}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:0 0 12px currentColor}
.dot.online{color:var(--green);background:var(--green)}
.dot.maintenance{color:var(--red);background:var(--red)}

.announcement{
  max-width:540px;margin:12px auto 0;padding:14px 16px;text-align:left;
  border:1px solid rgba(237,28,36,.45);border-left:3px solid var(--red);
  background:rgba(25,6,9,.72);border-radius:4px
}
.announcement-kicker{font-size:9px;color:var(--red2);letter-spacing:2px;font-weight:900}
.announcement p{margin:6px 0 0;font-size:13px;color:#e5e7eb;line-height:1.5}

.scroll-cue{
  margin:25px auto 0;width:max-content;display:flex;flex-direction:column;
  align-items:center;gap:6px;color:#c4c9d1
}
.scroll-cue span{font-size:30px;line-height:1}
.scroll-cue small{letter-spacing:3px;font-size:9px}

.section{padding:62px 18px}
.section-dark{background:#080b10}
.section-heading{text-align:left;max-width:920px;margin:0 auto 22px}
.section-kicker{font-size:10px;letter-spacing:3px;color:#89919d;margin:0 0 7px}
.section-heading h2{margin:0;font-size:36px;letter-spacing:-1.8px}
.section-heading h2 span{color:var(--red)}
.news-grid{
  display:grid;grid-template-columns:1fr;gap:14px;max-width:920px;margin:0 auto
}
.news-card{
  overflow:hidden;border-radius:7px;border:1px solid var(--border);
  background:linear-gradient(180deg,#111621,#0b0e14)
}
.news-image{height:165px;background-size:cover;background-position:center}
.news-1{
  background:
    linear-gradient(180deg,transparent 15%,rgba(7,9,13,.9)),
    radial-gradient(circle at 65% 40%,rgba(237,28,36,.35),transparent 27%),
    url("assets/news-1.jpg") center/cover no-repeat;
}
.news-2{
  background:
    linear-gradient(180deg,transparent 10%,rgba(7,9,13,.92)),
    linear-gradient(135deg,rgba(34,41,54,.25),rgba(10,12,17,.56) 56%,rgba(58,16,19,.35)),
    url("assets/news-2.jpg") center/cover no-repeat;
}
.news-body{padding:18px}
.news-badge{font-size:9px;letter-spacing:2px;color:var(--red2);font-weight:900}
.news-body h3{font-size:23px;margin:7px 0 8px}
.news-body p{margin:0;color:#aeb5bf;line-height:1.55;font-size:14px}

.about{
  background:
    radial-gradient(circle at 20% 20%,rgba(237,28,36,.09),transparent 30%),
    linear-gradient(rgba(7,9,13,.80),rgba(7,9,13,.92)),
    url("assets/about-bg.jpg") center/cover no-repeat;
}
.about-copy{
  max-width:920px;margin:0 auto 28px;color:#aeb5bf;line-height:1.75;font-size:15px
}
.feature-grid{
  max-width:920px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px
}
.feature-grid article{
  min-height:112px;border:1px solid var(--border);border-radius:6px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:rgba(255,255,255,.015);text-align:center
}
.feature-grid b{color:#fff;font-size:23px;letter-spacing:-5px}
.feature-grid span{font-size:10px;line-height:1.45;letter-spacing:1px;color:#c7ccd4}
.secondary-btn{
  display:flex;align-items:center;justify-content:center;max-width:920px;margin:0 auto;
  min-height:58px;border:1px solid var(--red);color:#fff;font-weight:900;font-size:13px;
  letter-spacing:1.5px;background:rgba(237,28,36,.06);border-radius:5px
}
footer{
  border-top:1px solid var(--border);padding:34px 18px 42px;text-align:center;background:#05070a
}
.footer-brand{font-weight:1000;font-style:italic;font-size:25px;letter-spacing:-2px}
.footer-brand strong{color:var(--red)}
footer p{font-size:9px;letter-spacing:3px;color:#929aa5}
footer small{font-size:10px;color:#606773}

.maintenance-panel{
  position:fixed;inset:0;z-index:100;background:rgba(2,3,5,.88);
  backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px
}
.maintenance-panel[hidden]{display:none}
.maintenance-card{
  width:min(100%,430px);padding:34px 24px;text-align:center;
  background:linear-gradient(180deg,#171016,#0c0e13);
  border:1px solid rgba(237,28,36,.5);border-radius:10px;
  box-shadow:0 25px 80px #000
}
.maintenance-icon{
  width:52px;height:52px;margin:0 auto 14px;border-radius:50%;
  display:grid;place-items:center;background:var(--red);font-size:29px;font-weight:1000
}
.maintenance-kicker{font-size:10px;letter-spacing:3px;color:#b8bec7;margin:0}
.maintenance-card h2{font-size:36px;margin:7px 0;color:var(--red2)}
.maintenance-card p:not(.maintenance-kicker){color:#d9dde3;line-height:1.55}
.maintenance-card small{color:#7f8792}

@media (min-width:700px){
  .topbar{padding:0 40px}
  .hero-content{padding-left:40px;padding-right:40px}
  .hero-logo{font-size:100px}
  .news-grid{grid-template-columns:1.4fr 1fr}
  .news-card.featured .news-image{height:235px}
  .news-card:not(.featured) .news-image{height:235px}
  .section{padding:86px 40px}
  .section-heading h2{font-size:48px}
}
@media (max-width:360px){
  .status-grid{gap:5px}
  .status-card{padding-left:4px;padding-right:4px}
  .status-label{font-size:8px}
  .status-card strong,.status-value{font-size:12px}
}