:root{--bg:#061426;--panel:#0b2038;--text:#f3f8ff;--muted:#b8c9dc;--cyan:#20d9ed;--blue:#28aaff;--line:rgba(65,177,255,.38)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#10345a 0,transparent 42rem),var(--bg);color:var(--text);font:16px/1.6 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.cyan{color:var(--cyan)}
header{min-height:84px;padding:12px 3vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#030f1ef5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-weight:800;font-size:1.35rem;letter-spacing:.03em}.brand small{display:block;font-size:.68rem;letter-spacing:.13em;color:#d3e7fa;font-weight:500}nav{display:flex;gap:clamp(7px,1.5vw,23px);flex-wrap:wrap}nav a{padding:7px 10px;border:1px solid transparent;border-radius:22px;color:#d9e8f8;font-size:.92rem;font-weight:650}nav a:hover,nav a.active{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 15px #00bde655}
.wrap{width:min(1400px,calc(100% - 44px));margin:auto}.hero{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px;align-items:center;padding:38px 0 28px;min-height:550px}.eyebrow{color:var(--cyan);font-weight:800}.hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:15px 0}.hero p,.page-intro p{color:var(--muted);font-size:1.1rem}.hero-art{width:100%;border-radius:18px;border:1px solid var(--line);box-shadow:0 22px 65px #0008}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;padding:11px 20px;border-radius:28px;border:1px solid var(--blue);font-weight:750}.btn.primary{background:linear-gradient(100deg,var(--cyan),var(--blue));color:#001525;border:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:15px 0 55px}.tile,.panel{background:linear-gradient(145deg,#0e2945,#071a2e);border:1px solid var(--line);border-radius:18px;padding:23px}.tile:hover{border-color:var(--cyan);transform:translateY(-3px)}.symbol{font-size:2rem;color:var(--cyan)}.tile h2{margin:8px 0 4px}.tile p,.panel p{color:var(--muted)}.explore{color:var(--cyan);font-weight:800}.page-intro{padding:55px 0 25px}.page-intro h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.08;margin:10px 0}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:12px 0 70px}.panel h2{margin:0 0 8px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#123453;border:1px solid #28628d;border-radius:22px;padding:6px 11px;font-size:.9rem}.status{color:var(--cyan);font-size:.8rem;font-weight:800;text-transform:uppercase}footer{border-top:1px solid var(--line);padding:24px 3vw;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}
@media(max-width:1000px){header{position:static;align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.hero-art{max-height:560px;object-fit:cover}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:calc(100% - 28px)}nav{gap:4px}nav a{font-size:.8rem;padding:5px 7px}.cards,.content-grid{grid-template-columns:1fr}.hero h1{font-size:2.8rem}footer{flex-direction:column}}