:root{--bg:#061527;--panel:#0b2545;--line:#174873;--cyan:#19d7ff;--mag:#f02dbd;--text:#f7fbff;--muted:#a9bdd1;--max:1220px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--max),92%);margin:auto}
.top{background:#03101f;color:#b9c9d9;font-size:12px;padding:7px 0}.top .wrap,.head,.nav,.hero,.info{display:flex;align-items:center;justify-content:space-between;gap:18px}
header{position:sticky;top:0;z-index:50;background:#061527ee;border-bottom:1px solid #124167}.head{padding:13px 0}.logo img{height:38px}.actions{display:flex;gap:10px}.btn{display:inline-flex;padding:12px 20px;border-radius:10px;font-weight:800;background:linear-gradient(90deg,var(--cyan),#1b8ce9);color:#03101f}.btn.pink{background:linear-gradient(90deg,#ca2ee9,var(--mag));color:white}.btn.ghost{background:transparent;border:1px solid #2b6aa1;color:#dff6ff}.nav{padding:10px 0;border-top:1px solid #0d3456;font-size:13px;font-weight:700;justify-content:center;flex-wrap:wrap}
.hero{padding:52px 0;align-items:stretch}.hero-copy{flex:1}.hero-art{flex:1.1;border:1px solid #1d5d8e;border-radius:24px;overflow:hidden}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:2px;font-size:12px}.hero h1{font-size:64px;line-height:.98;margin:12px 0;background:linear-gradient(90deg,var(--cyan),#fff 48%,var(--mag));-webkit-background-clip:text;color:transparent}.hero h2{font-size:31px;margin:0 0 14px}.hero p{color:var(--muted);line-height:1.7;font-size:17px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.point,.box,.mini{background:#08213c;border:1px solid #174d79;border-radius:13px;padding:13px}.point b{display:block;font-size:13px}.point small,.mini small{color:var(--muted)}
.info{padding:10px 0;border-top:1px solid #0e4a73;border-bottom:1px solid #0e4a73;color:#bfd1e2;font-size:13px}.info strong{color:#ff5cce}.category-strip{padding:18px 0}.categories{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.cat{background:#08213b;border:1px solid #1b67a2;border-radius:12px;padding:8px;text-align:center}.cat img{width:100%;aspect-ratio:1}.cat span{display:block;font-size:10px;font-weight:800;margin-top:6px}
section{padding:26px 0}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#08213c;border:1px solid #1a5c8e;border-radius:18px;overflow:hidden}.feature img{width:100%;aspect-ratio:16/9;object-fit:cover}.feature .copy{padding:18px}.feature h3{font-size:25px;margin:0 0 8px}.feature p{color:var(--muted);line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #17486f;padding-top:26px}.why h2,.articles h2{font-size:28px}.why h2 span{color:var(--cyan)}.why p{color:var(--muted);line-height:1.65}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article{background:#08213c;border:1px solid #174d79;border-radius:12px;overflow:hidden}.article .txt{padding:12px}.article small{color:var(--muted)}
.page-hero{padding:54px 0;background:linear-gradient(135deg,#071d35,#14265c)}.page-hero h1{font-size:46px}.page-hero p,.content p,.content li,.box p{color:var(--muted);line-height:1.75}.content{max-width:930px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
footer{margin-top:28px;background:#03101f;border-top:1px solid #17486f;padding:32px 0 18px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:22px}.footer-grid p{color:#9fb2c5;font-size:12px;line-height:1.6}.footer-grid a{display:block;font-size:12px;margin:8px 0}.copyline{border-top:1px solid #113452;margin-top:24px;padding-top:16px;color:#8196aa;font-size:11px}.social{display:flex;gap:8px}.social span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0d3964}
@media(max-width:980px){.categories{grid-template-columns:repeat(6,1fr)}.hero{flex-direction:column}.cards3,.split{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.top{display:none}.head{flex-wrap:wrap}.nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.hero h1{font-size:42px}.hero h2{font-size:24px}.hero-points{grid-template-columns:1fr}.categories{grid-template-columns:repeat(3,1fr)}.cards3,.article-grid,.grid2,.footer-grid{grid-template-columns:1fr}}