@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap');
:root{--bg:#030811;--panel:rgba(3,12,24,.94);--line:#145f79;--green:#22ff67;--purple:#b94dff;--cyan:#43dfff;--text:#e7f2ff;--muted:#9bb5d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 10%,#1a1241 0,transparent 40%),#02050b;color:var(--text);font-family:'Rajdhani',Arial,sans-serif;font-size:17px}a{color:inherit;text-decoration:none}.topbar{min-height:100px;padding:12px 3.5%;display:flex;align-items:center;gap:25px;background:rgba(1,6,15,.97);border-bottom:1px solid var(--cyan);box-shadow:0 0 24px #4a20a655;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{font-size:43px;color:var(--green);text-shadow:0 0 15px var(--green)}.brand strong{display:block;font:700 32px Orbitron,sans-serif;letter-spacing:4px;background:linear-gradient(90deg,#fff,var(--cyan),var(--purple));color:transparent;background-clip:text}.brand small{display:block;font:10px Orbitron,sans-serif;letter-spacing:1px}.brand small b{color:var(--green)}nav{display:flex;justify-content:center;align-items:center;gap:clamp(12px,1.8vw,28px);flex:1}nav a{font-size:18px;color:#b9caff;text-align:center;white-space:nowrap}nav a span{font-size:12px;display:block;color:#e8efff}nav a:hover{color:var(--green);text-shadow:0 0 10px var(--green)}.top-slogan{font:11px Orbitron,sans-serif;letter-spacing:1px;text-align:center;color:var(--purple);min-width:150px}.top-slogan b{color:var(--green)}main{max-width:1600px;margin:auto}.hero{min-height:400px;position:relative;overflow:hidden;display:flex;align-items:center;padding:46px 4%;background:linear-gradient(90deg,rgba(1,5,13,.96),rgba(4,6,20,.64) 54%,rgba(1,5,13,.88)),radial-gradient(ellipse at 70% 50%,#2b1459 0,#07152a 42%,#02050a 75%);border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,#1dff6418 40.2%,transparent 41%),linear-gradient(25deg,transparent 60%,#a442ff18 60.2%,transparent 61%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#2d94b30b 1px,transparent 1px),linear-gradient(90deg,#2d94b30b 1px,transparent 1px);background-size:40px 40px}.hero-copy{position:relative;z-index:1;max-width:640px}.eyebrow{font:12px Orbitron,sans-serif;letter-spacing:1px}.eyebrow span{color:var(--green)}.wordmark{font:800 clamp(48px,7vw,91px) Orbitron,sans-serif;line-height:1.1;letter-spacing:2px;color:#f3f7ff;text-shadow:0 0 10px #a3c7ff,0 0 30px #7d41ff}.tagline{font:700 23px Orbitron,sans-serif;letter-spacing:8px;color:var(--green);text-shadow:0 0 13px #00ff5b}.hero-copy p{color:#d4e4f8;line-height:1.45}.actions{display:flex;gap:14px;margin-top:24px}.btn{border:1px solid transparent;padding:12px 22px;display:inline-flex;justify-content:center;align-items:center;min-height:45px;font:700 13px Orbitron,sans-serif;cursor:pointer;letter-spacing:.3px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.btn-green{background:var(--green);color:#001109;box-shadow:0 0 20px #16ff6655}.btn-purple{background:#260a55;border-color:var(--purple);color:white;box-shadow:0 0 18px #a52cff44}.btn:hover{filter:brightness(1.18)}.status-panel{position:relative;margin-left:auto;width:310px;background:var(--panel);border:1px solid var(--green);padding:20px 22px;box-shadow:0 0 22px #00ff3b1c}.status-panel h3,.account-box h2{font:600 14px Orbitron,sans-serif;margin:0 0 12px}.online{font:700 22px Orbitron,sans-serif;color:var(--green);padding-bottom:12px;border-bottom:1px solid #146c4b}.online i{display:inline-block;width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:8px}.players{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #17314b}.players span{font:11px Orbitron,sans-serif;color:#b9caff}.players strong{font:700 28px Orbitron,sans-serif;color:var(--green);text-shadow:0 0 12px #00ff7755}.status-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #17314b;font-size:14px}.status-line span{color:var(--purple)}.outline-link{display:block;text-align:center;border:1px solid var(--green);color:var(--green);padding:10px;margin-top:14px;font-weight:700}.content-grid{display:grid;grid-template-columns:1.2fr 1fr .72fr;gap:16px;padding:18px 2.2%}.panel{background:linear-gradient(145deg,rgba(4,14,27,.97),rgba(1,6,14,.98));border:1px solid #17627d;box-shadow:0 0 17px #0a87a21b;padding:18px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #18364b;padding-bottom:13px;margin-bottom:12px}.panel-heading h2{font:600 16px Orbitron,sans-serif;margin:0}.panel-heading a{font-size:12px}.panel-heading a b{color:var(--green);font-size:20px}.news-item{display:grid;grid-template-columns:105px 1fr;gap:13px;padding:12px 0;border-bottom:1px solid #18364b}.news-thumb{min-height:85px;display:grid;place-items:center;border:1px solid #6a3acb;background:radial-gradient(circle,#6729b2,#11162c 60%,#030710);font-size:34px;color:var(--green)}.news-thumb.green{background:radial-gradient(circle,#0e8946,#0a1b22 70%)}.news-thumb.blue{background:radial-gradient(circle,#164e95,#0a1124 70%)}.news-item small{color:var(--green);font-weight:700;font-size:12px}.news-item h3{font-size:16px;margin:2px 0}.news-item p,.feature p,.account-box p{margin:0;color:#a9c0da;font-size:14px;line-height:1.25}.news-item time{display:block;color:#829bb8;font-size:12px;margin-top:5px}.feature{display:flex;gap:14px;align-items:center;margin:17px 0}.feature>b{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--purple);color:var(--purple);font-size:24px}.feature h3{font:700 13px Orbitron,sans-serif;color:var(--green);margin:0 0 5px}.mini-banner{margin-top:20px;min-height:90px;padding:15px;background:linear-gradient(90deg,#060a17,#1b1251,#061d21);border:1px solid #1c5570;display:flex;flex-direction:column;justify-content:center}.mini-banner strong{font:700 26px Orbitron,sans-serif;letter-spacing:4px}.mini-banner span{font-size:10px;letter-spacing:2px;color:var(--green)}.account-panel{padding:0;border:0;background:none;display:flex;flex-direction:column;gap:12px}.account-box{background:var(--panel);border:1px solid #17627d;padding:16px}.account-box h2{color:#e5eaff;margin-bottom:4px}.account-box p{margin-bottom:12px}.full{width:100%}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 4%;border-top:1px solid var(--cyan);background:#02060d;color:#a8c1d9;font-size:13px}.footer-brand{font:700 25px Orbitron,sans-serif;color:#e8f7ff;letter-spacing:3px}.footer-brand small{display:block;font-size:10px;text-align:center;color:var(--green)}.social{color:var(--purple)}.legal{font-size:12px}.footer-note{text-align:right;font:12px Orbitron,sans-serif;color:var(--green)}.subpage{padding:45px 4%;min-height:65vh}.subpage h1{font:700 clamp(30px,5vw,54px) Orbitron,sans-serif;color:white;text-shadow:0 0 20px #8b43ff}.form-card{max-width:560px;padding:25px;background:var(--panel);border:1px solid var(--line);box-shadow:0 0 28px #8d27ff20}.form-card label{display:block;color:#b8c9e4;margin-top:12px}.form-card input,.form-card textarea{width:100%;margin:4px 0;background:#06111e;border:1px solid #19415b;color:white;padding:11px;font:15px 'Rajdhani',sans-serif}.form-card .btn{margin-top:18px}.notice{padding:12px;border:1px solid #a36cff;color:#e6d4ff;background:#170d2b;margin:15px 0}.status-large{font:700 28px Orbitron,sans-serif;color:var(--green)}@media(max-width:1100px){.topbar{height:auto;flex-wrap:wrap;padding:15px 4%}.brand{min-width:0;flex:1}.top-slogan{display:none}nav{order:3;flex-basis:100%;flex-wrap:wrap;gap:18px}.hero{gap:20px}.status-panel{width:275px}.content-grid{grid-template-columns:1fr 1fr}.account-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:700px){.hero{display:block;padding:36px 5%}.status-panel{width:100%;margin:28px 0 0}.content-grid{grid-template-columns:1fr;padding:12px}.account-panel{grid-column:auto;display:flex}.wordmark{font-size:48px}.tagline{font-size:16px;letter-spacing:4px}.news-item{grid-template-columns:90px 1fr}.actions{flex-wrap:wrap}footer{flex-wrap:wrap}.legal{order:4;width:100%}.brand strong{font-size:27px}nav{justify-content:space-between}nav a span{font-size:10px}}