:root{--bg:#090d13;--surface:#1c1f29;--surface-2:#272b37;--ink:#ffffffbf;--muted:#9ba2ba;--accent:#b8f000;--accent-2:#7ae000;--accent-muted:#b8f00038;--shadow-glow:0 0 18px 3px #b8f00047}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg);color:var(--ink);text-rendering:optimizelegibility;font-family:Roboto,ui-sans-serif,system-ui,sans-serif}a{text-decoration:none}.text-gradient{color:#0000;background-image:linear-gradient(90deg,#7ae000,#d8ff4a);-webkit-background-clip:text;background-clip:text}.btn{color:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-size:16px;font-weight:600;transition:transform .3s ease-in-out,color .3s ease-in-out,background .3s ease-in-out;display:inline-flex}.btn-primary{color:#090d13;box-shadow:var(--shadow-glow);background:linear-gradient(90deg,#7ae000,#d8ff4a)}.btn-primary:hover{transform:translateY(3px)}.btn-secondary{background:0 0;font-weight:400}.btn-secondary:hover{color:var(--accent)}.nav-link{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:13px;font-weight:300;transition:color .2s ease-in-out;display:inline-flex}.nav-link:hover,.nav-dropdown.is-open>.nav-dropdown-toggle{color:var(--accent)}.nav-link.is-active{color:#fff}.nav-dropdown{position:relative}.nav-dropdown-toggle{cursor:pointer;background:0 0;border:none;width:100%;padding:0}.nav-dropdown-menu{background-color:var(--surface);border:1px solid var(--surface-2);border-radius:8px;min-width:12rem;padding:.5rem 0;display:none}.nav-dropdown-menu a{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;padding:.55rem 1rem;font-size:13px;font-weight:300;display:block}.nav-dropdown-menu a:hover{color:var(--accent);background-color:#b8f0000f}.nav-dropdown.is-open>.nav-dropdown-menu{display:block}@media (width>=1024px){.nav-dropdown-menu{z-index:40;position:absolute;top:calc(100% + .75rem);left:0}.nav-dropdown:hover>.nav-dropdown-menu,.nav-dropdown:focus-within>.nav-dropdown-menu{display:block}}.hero{background-image:url(../imgs/header_bg.png);background-position:bottom;background-size:cover}.hero-games{background-image:url(../imgs/game_bg.png)}.hero-kicker{text-transform:uppercase;width:fit-content;margin-inline:auto;font-size:16px;font-style:italic}.hero-title{color:#fff;letter-spacing:3px;text-transform:uppercase;font-size:clamp(1.75rem,4vw,3rem);font-style:italic;font-weight:900}.section-title h2,.section-title h4{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:24px;font-style:italic;font-weight:900}.section-title p{font-size:18px;font-weight:300}.surface-card{background-color:var(--surface);border-radius:8px;padding:30px;position:relative}.surface-card:after{content:"";background-image:linear-gradient(90deg,#0000,#b8f000,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-heading{color:#fff;letter-spacing:1px;font-size:18px;font-weight:900}.promo-bar{background-color:var(--surface);border-radius:8px;padding:15px 20px;position:relative}.promo-bar:after{content:"";background-image:linear-gradient(90deg,#0000,#b8f000,#0000);height:2px;position:absolute;bottom:0;left:0;right:0}.hairline{background:linear-gradient(90deg,#0000,#b8f000,#0000);width:100%;height:2px}.server-card{background-color:var(--surface);border:1px solid #0000;border-radius:8px;padding:30px;transition:border-color .3s ease-in-out;position:relative}.server-card:hover{border-color:var(--accent)}.server-card:after{content:"";background-image:linear-gradient(#0000,#b8f000,#0000);width:1px;height:100%;position:absolute;top:0;left:0}.game-card{background-color:var(--surface);border-radius:8px;position:relative;overflow:hidden}.game-card:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface));pointer-events:none;height:150px;position:absolute;top:0;left:0;right:0}.legal-tab[aria-selected=true]{background-color:var(--surface);color:#fff}.reveal{animation:.7s both rise}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.16s}.reveal-delay-3{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal,.reveal-delay-1,.reveal-delay-2,.reveal-delay-3{animation:none}}@media (width<=767px){.server-card:after{background-image:linear-gradient(90deg,#0000,#b8f000,#0000);width:100%;height:1px}}