:root{--ink:#10162d;--paper:#fbf7ef;--night:#111936;--gold:#c49a52;--muted:#666b7b;--card:#fffdf8}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--paper);color:var(--ink);line-height:1.7}
a{color:#5c477f}.wrap{max-width:1080px;margin:auto;padding:0 22px}header{background:var(--night);color:white;padding:18px 0;position:sticky;top:0;z-index:5}
header .wrap{display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{font-weight:700;color:white;text-decoration:none;letter-spacing:.3px}
nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#eee8d9;text-decoration:none;font-family:Arial,sans-serif;font-size:.9rem}
.hero{padding:78px 0 55px;background:linear-gradient(180deg,#111936,#202a52);color:white}.hero h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.02;margin:.1em 0}.hero p{max-width:720px;font-size:1.18rem;color:#e8e2d5}
.kicker{font:700 .78rem Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#e1bd76}
main{padding:48px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid #e6dece;border-radius:16px;padding:24px}
.card h2,.card h3{margin-top:0;line-height:1.2}.card a{text-decoration:none}.article{max-width:780px}.article h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05}.article h2{margin-top:2.2em;line-height:1.2}
.note,.cta{border-radius:16px;padding:22px;margin:28px 0}.note{background:#f0eadf}.cta{background:var(--night);color:white}.cta a{display:inline-block;background:var(--gold);color:#111;text-decoration:none;font:700 1rem Arial,sans-serif;padding:13px 18px;border-radius:10px}
.small{font: .88rem Arial,sans-serif;color:var(--muted)}footer{margin-top:55px;background:#0d132b;color:#d9d8dc;padding:35px 0}footer a{color:#e8d5aa}
@media(max-width:780px){header .wrap{align-items:flex-start;flex-direction:column}header{position:static}.grid{grid-template-columns:1fr}.hero{padding:55px 0}.article{max-width:100%}}