*{box-sizing:border-box}body{margin:0;background:#020503;color:#f2fff4;font-family:Arial,Helvetica,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 75% 25%,rgba(0,255,80,.18),transparent 35%),radial-gradient(circle at 95% 10%,rgba(255,0,0,.16),transparent 30%),linear-gradient(120deg,#021006,#020202 65%,#120202);z-index:-3}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:rgba(0,12,5,.82);border-right:1px solid rgba(0,255,90,.24);padding:28px 22px;overflow:auto}.logo{font-weight:900;font-size:42px;line-height:.9;color:#fff;text-shadow:0 0 18px #00ff55}.logo span{color:#00ff46;display:block}.logo small{display:block;margin-top:10px;font-size:16px;color:#ff2b2b;letter-spacing:4px}nav{margin-top:34px;display:grid;gap:10px}nav a{color:#eaffee;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px 18px;font-weight:700}nav a.active,nav a:hover{background:linear-gradient(90deg,rgba(0,255,70,.28),rgba(0,255,70,.06));border-color:#00ff51;box-shadow:0 0 18px rgba(0,255,70,.22)}.status-card{margin-top:26px;border:1px solid rgba(0,255,90,.45);background:rgba(0,48,20,.38);border-radius:14px;padding:18px;display:grid;gap:11px}.status-card b{color:#47ff75}.status-card strong{font-size:29px;color:#73ff8b;text-shadow:0 0 16px #00ff55}.page{margin-left:280px;padding:26px 34px 60px}.topbar{display:grid;grid-template-columns:repeat(4,1fr) 240px;gap:16px;margin-bottom:24px}.topbox,.connect{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.55);border-radius:14px;padding:17px 20px}.topbox span{display:block;color:#48ffd0;font-size:13px}.topbox strong{display:block;font-size:18px;margin-top:5px}.connect{display:flex;align-items:center;justify-content:center;text-decoration:none;color:white;font-weight:900;border-color:#00ff51;box-shadow:0 0 18px rgba(0,255,70,.16)}.hero{position:relative;min-height:610px;border:1px solid rgba(0,255,80,.35);border-radius:22px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.76) 42%,rgba(0,0,0,.10) 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 36%,rgba(0,0,0,.10) 75%),radial-gradient(circle at 75% 42%,rgba(0,255,80,.14),transparent 32%);z-index:1}.hero-left{position:relative;z-index:3;width:52%;padding:70px 60px}.badge{display:inline-block;padding:12px 20px;border-radius:999px;background:rgba(120,0,0,.58);border:1px solid #a00;color:#ffd3d3;font-weight:900}.hero h1{font-size:86px;line-height:.82;margin:28px 0 12px;color:#fff;letter-spacing:-4px;text-shadow:0 0 18px rgba(255,255,255,.22)}.hero h1 span{color:#f3fff3}.hero h1 br+*{color:#00ff4c}.hero h1{color:#00ff4c}.hero h2{font-size:25px;margin:0 0 25px}.hero p{font-size:18px;line-height:1.7;color:#d6e5d7;max-width:640px}.buttons{display:flex;gap:16px;margin-top:34px}.btn{padding:18px 30px;border-radius:12px;color:#fff;text-decoration:none;font-weight:900}.btn.green{background:#00a832;border:1px solid #00ff50;box-shadow:0 0 22px rgba(0,255,80,.34)}.btn.red{background:#5d0909;border:1px solid #ff3030}.hero-right{position:absolute;right:0;top:0;bottom:0;width:57%;z-index:2}.zombie{position:absolute;inset:0;background:url('images/zombie-hero.svg') right center/contain no-repeat;filter:drop-shadow(0 0 22px rgba(0,255,80,.18))}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.card{text-decoration:none;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;min-height:140px;display:grid;gap:15px}.card b{font-size:22px}.card span{color:#d7e5dc;line-height:1.5}.card.yellow{border-color:#b89522}.card.redc{border-color:#b32a2a}.card.green{border-color:#13a13a}.card.blue{border-color:#258bc5}.panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.panel{background:rgba(0,0,0,.55);border:1px solid rgba(0,255,80,.22);border-radius:16px;padding:24px}@media(max-width:1100px){.sidebar{position:relative;width:auto}.page{margin-left:0}.topbar{grid-template-columns:1fr}.hero-left{width:100%;padding:45px 28px}.hero-right{opacity:.25;width:100%}.cards,.panels{grid-template-columns:1fr}.hero h1{font-size:64px}}