*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}:root{--navy:#0f1f3d;--blue:#1a3a6b;--accent:#c9a84c;--light:#f4f6fa;--mid:#e8ecf4;--text:#1a1a2e;--muted:#5a6278;--white:#fff;--radius:8px;--shadow:0 4px 24px #0f1f3d1a}.container{max-width:1000px;margin:0 auto;padding:0 24px}nav{z-index:100;background:var(--navy);position:sticky;top:0;box-shadow:0 2px 12px #00000040}.nav-inner{justify-content:space-between;align-items:center;max-width:1140px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--white);letter-spacing:.02em;font-size:1.05rem;font-weight:800}.nav-logo span{color:var(--accent)}.nav-back{color:#fffc;font-size:.85rem;font-weight:600}.nav-back:hover{color:var(--accent)}main{padding:64px 0 100px}.page-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:.75rem;font-weight:700;display:inline-block}h1{color:var(--navy);margin-bottom:12px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800}.page-sub{color:var(--muted);max-width:620px;margin-bottom:48px;font-size:1.05rem}.divider{background:var(--accent);border-radius:2px;width:48px;height:3px;margin:0 0 40px}.articles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card{background:var(--white);border:1px solid var(--mid);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:32px 28px;transition:transform .2s,box-shadow .2s;display:flex}.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0f1f3d21}.article-card .label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.72rem;font-weight:700}.article-card h2{color:var(--navy);margin-bottom:12px;font-size:1.2rem;line-height:1.35}.article-card p{color:var(--muted);flex-grow:1;margin-bottom:20px;font-size:.9rem}.article-card .read-more{color:var(--navy);font-size:.88rem;font-weight:700}.article-card:hover .read-more{color:var(--accent)}footer{background:#080f1e;margin-top:40px;padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1140px;margin:0 auto;padding:0 24px;display:flex}.footer-logo{color:var(--white);font-size:.95rem;font-weight:800}.footer-logo span{color:var(--accent)}.footer-links{gap:24px;display:flex}.footer-links a{color:#fff6;font-size:.8rem}.footer-links a:hover{color:var(--accent)}.footer-copy{color:#ffffff4d;font-size:.78rem}@media (max-width:900px){.articles-grid{grid-template-columns:1fr}}