:root{--bg:#02060a;--panel:#071016dd;--line:#223542;--text:#eef4f6;--muted:#97a3aa;--red:#ff2b2b;--blue:#21a8ff;--cyan:#00e8ff;--gold:#ffb936;--green:#55ff88}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#152b38 0,#03070b 42%,#010203 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 8%,rgba(0,210,255,.18),transparent 28%),radial-gradient(circle at 82% 14%,rgba(255,0,0,.14),transparent 26%);pointer-events:none;z-index:-3}.noise,.scanlines,.stars{position:fixed;inset:0;pointer-events:none;z-index:50}.noise{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.scanlines{background:linear-gradient(to bottom,transparent 0 96%,rgba(255,255,255,.035) 97%);background-size:100% 5px;mix-blend-mode:screen;opacity:.24}.stars{z-index:-1;background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 2px),radial-gradient(circle at 44% 16%,#89eaff 0 1px,transparent 2px);background-size:290px 290px;animation:stars 35s linear infinite;opacity:.22}@keyframes stars{to{transform:translateY(290px)}}.zx-nav{height:74px;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:0 28px;background:rgba(1,3,6,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #000}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:900;font-size:28px;letter-spacing:2px}.brand b{color:var(--red)}.sigil{width:38px;height:38px;border:1px solid #762020;border-radius:50%;display:grid;place-items:center;color:var(--red);box-shadow:0 0 25px #ff000033}.zx-nav nav{display:flex;gap:25px;flex:1;justify-content:center}.zx-nav nav a{color:#d7dde0;text-transform:uppercase;font-size:14px;text-decoration:none;letter-spacing:.7px;padding:28px 0;position:relative}.zx-nav nav a.active:after,.zx-nav nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);box-shadow:0 0 14px var(--red)}.nav-icons{display:flex;gap:12px}.nav-icons button{background:#05090e;border:1px solid #2b3a43;border-radius:8px;color:#dce5e8;width:44px;height:44px;font-size:18px}main{max-width:1760px;margin:0 auto;padding:0 16px 34px}.hero{min-height:560px;border:1px solid #263947;border-radius:16px;margin-top:10px;overflow:hidden;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:center;padding:52px 58px;box-shadow:0 28px 90px #000 inset}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#03070c 0,#06121bdc 40%,#07111a66 75%),url('../images/hero_neoeden.jpg') center/cover;filter:saturate(1.15) contrast(1.08);animation:heroDrift 18s ease-in-out infinite alternate}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,224,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,224,255,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent);opacity:.48}@keyframes heroDrift{to{transform:scale(1.05) translateX(-1.5%)}}.hero-content,.hero-console{position:relative;z-index:2}.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:8px;font-weight:900}.hero h1{font-size:98px;line-height:.9;text-transform:uppercase;margin:8px 0;letter-spacing:7px;text-shadow:0 0 30px #000}.hero h2{color:var(--cyan);text-transform:uppercase;letter-spacing:3px}.lede{max-width:680px;color:#d5dee3;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:16px;margin-top:28px}.hero-actions a{padding:15px 22px;border:1px solid var(--cyan);color:var(--cyan);text-transform:uppercase;text-decoration:none;font-weight:900;letter-spacing:1px;border-radius:6px;background:#021018cc;box-shadow:0 0 28px #00e8ff25}.hero-actions .ghost{border-color:var(--red);color:#ffb7b7;background:#170307cc;box-shadow:0 0 28px #ff000022}.hero-console{align-self:end;background:rgba(1,8,12,.78);border:1px solid #2b4554;border-radius:12px;padding:24px;font-family:Consolas,monospace;box-shadow:inset 0 0 40px #00d9ff0d,0 0 40px #000}.hero-console h3{margin:0 0 18px;color:var(--cyan);letter-spacing:2px}.hero-console p{color:#b8d5df}.hero-console span{color:var(--green)}.blink{color:var(--red)!important;animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.atlas-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.atlas-strip article{background:linear-gradient(180deg,#0a141d,#05090e);border:1px solid #253946;border-radius:10px;padding:18px;box-shadow:0 15px 35px #0008}.atlas-strip b{display:block;color:var(--red);font-size:12px;letter-spacing:1.5px}.atlas-strip span{font-size:20px;text-transform:uppercase;font-weight:900}.stronghold{display:grid;grid-template-columns:1.15fr .95fr 340px;gap:18px;border:1px solid #30343d;border-radius:16px;padding:18px;background:linear-gradient(145deg,rgba(25,3,5,.55),rgba(3,8,12,.88));box-shadow:0 0 70px #ff000012;margin-bottom:28px}.stronghold-art img{width:100%;height:100%;min-height:440px;object-fit:cover;border-radius:12px;border:1px solid #372b33}.stronghold-copy{padding:20px}.stronghold-copy h2,.section-title h2{font-size:44px;text-transform:uppercase;letter-spacing:2px;margin:4px 0 12px}.stronghold-copy p{color:#c8d3d9;line-height:1.65}.villain-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.duo-card{background:#090d12;border:1px solid #3d3032;color:white;border-radius:10px;padding:10px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:.25s}.duo-card:hover,.duo-card.active{border-color:var(--red);box-shadow:0 0 28px #ff00002d;transform:translateY(-3px)}.duo-card img{width:72px;height:90px;object-fit:cover;border-radius:7px}.duo-card span{font-weight:900;text-transform:uppercase}.duo-card small{color:#aaa;text-transform:none}.villain-profile{background:rgba(0,0,0,.45);border:1px solid #3b3033;border-radius:12px;padding:16px}.villain-profile img{width:100%;height:230px;object-fit:cover;border-radius:8px}.villain-profile h3{color:var(--red);text-transform:uppercase;font-size:26px}.villain-profile p{color:#c6cdd2;line-height:1.55}.meter{margin:14px 0;height:28px}.meter label{display:block;color:#aab5bb;text-transform:uppercase;font-size:12px;margin-bottom:6px}.meter:after{content:"";display:block;height:8px;background:#111920;border:1px solid #283843;border-radius:999px}.meter span{display:block;height:8px;background:linear-gradient(90deg,var(--red),#ff8383);border-radius:999px;box-shadow:0 0 15px #ff000077;transform:translateY(8px)}.section,.tech-section{border:1px solid #263947;border-radius:16px;padding:24px;background:rgba(3,8,12,.72);margin-bottom:28px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-title h2{font-size:38px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.loc-card{position:relative;min-height:285px;border:1px solid #263947;border-radius:12px;overflow:hidden;background:#05090d;cursor:pointer;transform:translateY(30px);opacity:0;transition:.6s cubic-bezier(.2,.8,.2,1)}.loc-card.show{transform:translateY(0);opacity:1}.loc-card:hover{transform:translateY(-8px) scale(1.01);border-color:var(--accent);box-shadow:0 0 42px color-mix(in srgb,var(--accent),transparent 65%)}.loc-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.45s}.loc-card:hover img{transform:scale(1.08);filter:saturate(1.25) contrast(1.1)}.loc-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.92))}.loc-copy{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}.loc-copy b{color:var(--accent);text-transform:uppercase;letter-spacing:1px}.loc-copy h3{font-size:28px;margin:6px 0;text-transform:uppercase}.loc-copy p{color:#cbd4d8;line-height:1.45;margin:0}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tech-card{background:linear-gradient(145deg,#06111a,#05080d);border:1px solid #233541;border-radius:12px;padding:22px;min-height:190px;position:relative;overflow:hidden}.tech-card:before{content:"";position:absolute;inset:auto -20% -40% -20%;height:110px;background:radial-gradient(circle,var(--cyan),transparent 65%);opacity:.12}.tech-card i{font-style:normal;font-size:42px;color:var(--cyan);text-shadow:0 0 24px var(--cyan)}.tech-card h3{text-transform:uppercase;color:#fff}.tech-card p{color:#aeb9bf;line-height:1.55}.modal{position:fixed;inset:0;background:rgba(0,0,0,.76);display:none;place-items:center;z-index:100;padding:24px}.modal.open{display:grid}.modal-card{width:min(980px,92vw);background:#061018;border:1px solid #365062;border-radius:16px;display:grid;grid-template-columns:45% 1fr;overflow:hidden;box-shadow:0 0 80px #000;position:relative}.modal-card img{width:100%;height:100%;min-height:500px;object-fit:cover}.modal-card>div{padding:36px}.modal-card h2{font-size:44px;text-transform:uppercase;margin:0}.modal-card p{color:#c6d1d6;line-height:1.7}.modal-card button{position:absolute;top:16px;right:18px;width:42px;height:42px;background:#06090d;color:white;border:1px solid #385160;border-radius:50%;font-size:24px}.modal-tags{display:flex;gap:10px;flex-wrap:wrap}.modal-tags span{border:1px solid #314958;border-radius:999px;padding:8px 12px;color:var(--cyan)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s, transform .75s}.reveal.visible{opacity:1;transform:none}@media(max-width:1300px){.stronghold{grid-template-columns:1fr 1fr}.villain-profile{grid-column:1/-1}.location-grid{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:repeat(2,1fr)}.zx-nav nav{gap:14px}.zx-nav nav a{font-size:12px}}@media(max-width:880px){.zx-nav nav{display:none}.hero{display:block;padding:36px 24px}.hero h1{font-size:58px}.hero-console{margin-top:32px}.atlas-strip,.stronghold,.location-grid,.tech-grid{grid-template-columns:1fr}.modal-card{grid-template-columns:1fr}.modal-card img{height:330px;min-height:0}.villain-duo{grid-template-columns:1fr}}