:root{--sky:#1f5fa8;--sky2:#123f73;--sand:#f7f0df;--paper:#efe3c6;--ink:#1d2430;--red:#a8281f;--gold:#b98a2c}
*{box-sizing:border-box}
body{margin:0;background:var(--sand);color:var(--ink);font:18px/1.7 Georgia,"Times New Roman",serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--sky2)}
.w{max-width:1000px;margin:0 auto;padding:0 20px}
h1,h2{font-family:"Arial Black","Franklin Gothic Heavy",Impact,Arial,sans-serif;text-transform:uppercase;line-height:1.05;color:var(--sky2);margin:0 0 .4em}
h1{font-size:clamp(2.2rem,6vw,3.8rem)}h2{font-size:clamp(1.5rem,3.6vw,2.2rem)}
.top{background:var(--sky2);color:#fff;font:600 .9rem Arial,sans-serif}
.top .w{display:flex;justify-content:space-between;align-items:center;min-height:46px;gap:12px;flex-wrap:wrap}
.top a{color:#fff;text-decoration:none;letter-spacing:.1em}
.hero{background:linear-gradient(#cfe4f7,var(--sand));padding:48px 0 40px}
.hero .w{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:center}
.hero img{border-radius:4px;box-shadow:0 14px 30px rgba(18,63,115,.35)}
.sub{font-size:1.4rem;font-style:italic;margin:.2em 0 .8em}
.stamp{display:inline-block;border:3px solid var(--red);color:var(--red);padding:8px 14px;transform:rotate(-2deg);font:700 .95rem/1.3 Arial,sans-serif;text-transform:uppercase;border-radius:4px;margin:6px 0 20px}
.btn{display:inline-block;background:var(--red);color:#fff;padding:14px 26px;border-radius:4px;font:700 1rem Arial,sans-serif;text-decoration:none;letter-spacing:.04em}
.btn:hover{filter:brightness(1.1)}
.isbn{font:.85rem Arial,sans-serif;color:#555;margin-top:12px}
section{padding:46px 0}
.paper{background:var(--paper);border:1px solid #d8c69b;border-radius:6px;padding:28px 30px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.quote{font:700 clamp(1.4rem,4vw,2.2rem)/1.2 "Arial Black",Arial,sans-serif;text-transform:uppercase;color:var(--sky2);text-align:center;padding:36px 0}
.two{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start}
.sig{font-style:italic;color:var(--sky2)}
footer{background:var(--sky2);color:#cfe0f3;padding:28px 0;font:.95rem Arial,sans-serif;text-align:center}
footer a{color:#fff}
@media(max-width:780px){.hero .w,.two{grid-template-columns:1fr}.hero img{max-width:300px;margin:0 auto}}