:root{--bg:#04101f;--gold:#d8a63f;--gold2:#ffd97a;--white:#fff;--muted:#b4c3d6;--line:rgba(216,166,63,.28)}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--white);line-height:1.65}
a{color:inherit}.nav{position:sticky;top:0;background:rgba(4,16,31,.94);border-bottom:1px solid var(--line);z-index:10}.nav-inner{max-width:1200px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-weight:900}.logo{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#071b33;border-radius:50%;padding:10px;margin-right:8px}.links a{text-decoration:none;margin-left:16px;font-weight:700;color:#eaf0f8}.links a:hover{color:var(--gold2)}
.hero{padding:80px 20px;background:linear-gradient(125deg,#04101f,#071b33 55%,#0d3b66)}.hero-inner,section{max-width:1200px;margin:auto}.kicker{display:inline-block;border:1px solid var(--gold);color:var(--gold2);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:18px}h1{font-size:clamp(42px,7vw,76px);line-height:1.02;margin:0 0 18px}.hero p{font-size:clamp(17px,2.1vw,24px);color:#dce7f5}
.btn{display:inline-block;text-decoration:none;border-radius:12px;padding:13px 20px;font-weight:900;margin:7px 8px 7px 0;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#071b33}.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
section{padding:70px 20px}.section-title{text-align:center;font-size:38px}.section-sub{text-align:center;color:var(--muted);max-width:780px;margin:0 auto 44px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 44px rgba(0,0,0,.22)}.post-card{text-decoration:none;display:block}.post-meta{color:var(--gold2);font-size:14px;font-weight:700}.post-title{font-size:24px;margin:8px 0}.post-summary{color:#d5deea}.article{max-width:900px;margin:auto;padding:70px 20px}.article-body{font-size:18px;color:#edf4ff}.article-body img{max-width:100%;border-radius:18px}.footer{text-align:center;padding:30px 20px;background:#02060d;color:#b7c3d4;font-size:14px}
@media(max-width:850px){.grid2,.grid3{grid-template-columns:1fr}.nav-inner{display:block;text-align:center}.links a{display:inline-block;margin:6px 8px}section{padding:52px 18px}}