:root{--bg:#050505;--panel:#0c0c0d;--panel2:#121213;--text:#f7f7f7;--muted:#aaa4a4;--red:#ef242b;--red2:#ff4a50;--border:#321719}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 8%,#280709 0,transparent 27%),radial-gradient(circle at 10% 55%,#160405 0,transparent 25%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;z-index:20;background:#050505f2;backdrop-filter:blur(14px);border-bottom:1px solid #321719}.brand{font-size:21px;font-weight:900;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;object-fit:contain;display:block}.brand span{margin:0}.nav nav{display:flex;gap:28px}.nav nav a{color:var(--muted);font-weight:700}.nav nav a:hover{color:var(--red2)}
.btn{border:0;border-radius:12px;background:linear-gradient(135deg,#ff343a,#c70d15);color:#fff;padding:15px 20px;font-weight:850;cursor:pointer;display:inline-flex;gap:12px;align-items:center;justify-content:center;box-shadow:0 8px 30px #e7192030}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.small{padding:10px 16px;font-size:14px}.btn.ghost{background:#0a0a0b;color:#fff;border:1px solid #522326;box-shadow:none}.discord-btn{background:linear-gradient(135deg,#ff4147,#b90b13)}
.hero{max-width:1180px;margin:auto;min-height:620px;padding:90px 28px 70px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{color:var(--red2);font-weight:900;font-size:12px;letter-spacing:2px}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.96;letter-spacing:-5px;margin:18px 0 24px}.hero h1 span{color:var(--red)}.lead,.section-intro{color:var(--muted);font-size:18px;line-height:1.7;max-width:680px}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.copy-status{height:20px;color:var(--red2);font-size:13px}
.server-card{background:linear-gradient(145deg,#160d0e,#080808);border:1px solid #492326;border-radius:28px;padding:40px;text-align:center;box-shadow:0 30px 90px #000,0 0 50px #d5161d18}.hero-logo{width:min(240px,80%);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 20px 30px #000) drop-shadow(0 0 24px #d8171e45)}.server-card h2{font-size:32px;margin:12px 0 4px}.server-card p{color:var(--muted)}.status{margin:24px auto 14px;background:#ffffff08;padding:12px;border-radius:10px}.status span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:8px;box-shadow:0 0 12px var(--red)}code{color:var(--red2)}
.features,.products{max-width:1180px;margin:auto;padding:0 28px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article,.product{background:linear-gradient(145deg,#111,#080808);border:1px solid var(--border);border-radius:18px;padding:26px}.features b{font-size:28px}.features h3{margin-bottom:8px}.features p,.rules p,details p{color:var(--muted);line-height:1.6}
.section{padding:100px max(5vw,28px);text-align:center}.section>h2{font-size:48px;letter-spacing:-2px;margin:8px 0 12px}.section-intro{margin:0 auto 45px}.products{grid-template-columns:repeat(4,1fr);padding:0;max-width:1180px}.product{text-align:left;position:relative}.product.featured{border-color:var(--red);transform:translateY(-8px);box-shadow:0 0 35px #d9182020}.product>span{font-size:11px;font-weight:900;color:var(--red2);letter-spacing:1.5px}.product h3{font-size:22px;margin:16px 0}.price{font-size:32px;font-weight:900}.product button{width:100%;padding:13px;border-radius:10px;border:1px solid #452023;background:#1a0d0e;color:#8e7779;font-weight:800}.notice{font-size:12px;color:#756b6b;margin-top:24px}
.alt{background:#080606}.rules{max-width:800px;margin:40px auto 0;text-align:left}.rules article{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--border)}.rules strong{color:var(--red2);font-size:24px}.rules h3{margin:0 0 6px}.rules p{margin:0}details{max-width:800px;margin:10px auto;background:#0d0d0e;border:1px solid var(--border);border-radius:12px;text-align:left;padding:18px 20px}summary{cursor:pointer;font-weight:800}
.discord-cta{max-width:1124px;margin:20px auto 70px;padding:30px 34px;border:1px solid #5a2024;border-radius:20px;background:linear-gradient(120deg,#0c0c0d,#26090b);display:flex;align-items:center;gap:24px}.discord-cta img{width:78px;height:78px;object-fit:contain}.discord-cta div{flex:1}.discord-cta h2{margin:3px 0;font-size:28px}.discord-cta p{color:var(--muted);margin:6px 0}.discord-cta .btn{white-space:nowrap}
.cta{text-align:center;padding:100px 28px;background:linear-gradient(180deg,transparent,#26080a)}.cta h2{font-size:44px;margin-bottom:10px}.cta p{color:var(--muted);margin-bottom:28px}footer{border-top:1px solid #321719;padding:35px max(5vw,28px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}footer .brand{color:var(--text)}footer .brand img{width:34px;height:34px}
@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px;gap:30px}.hero h1{letter-spacing:-3px}.server-card{max-width:480px}.features,.products{grid-template-columns:1fr 1fr}.product.featured{transform:none}footer{flex-direction:column;gap:12px;text-align:center}}
@media(max-width:700px){.discord-cta{margin:20px 20px 60px;flex-direction:column;text-align:center}.discord-cta .btn{width:100%}.hero-logo{width:180px}}
@media(max-width:560px){.nav .btn.small{display:none}.brand img{width:38px;height:38px}.hero h1{font-size:50px}.features,.products{grid-template-columns:1fr}.section{padding:75px 20px}.section>h2{font-size:38px}.btn{width:100%}}