:root{--navy:#0a223d;--navy2:#112f50;--gold:#caac70;--ink:#1c2b3b;--muted:#5c6875;--line:#dbe3ea;--white:#fff;--bg:#f6f8fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white;line-height:1.6}a{color:#14527a}a:focus-visible{outline:3px solid #e7b24e;outline-offset:3px}.top{background:#071c32;color:white;border-bottom:2px solid var(--gold)}.nav-wrap{max-width:1170px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}.brand{text-decoration:none!important;color:white!important;font-weight:700;letter-spacing:.04em;font-size:17px;line-height:1.2}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:.22em;margin-top:4px}nav{display:flex;flex-wrap:wrap;gap:6px}nav a{color:#eaf0f7;text-decoration:none;font-size:13px;padding:10px 11px;border-radius:5px}nav a:hover,nav a[aria-current=page]{background:#23466b;color:white}.hero{background:linear-gradient(125deg,#081e36,#163f62);color:white;padding:65px 24px}.wrap{max-width:1110px;margin:auto}.eyebrow{color:var(--gold);font-weight:bold;font-size:12px;letter-spacing:.18em;text-transform:uppercase}h1{font-size:clamp(32px,4vw,52px);line-height:1.16;letter-spacing:-.025em;margin:16px 0}h2{font-size:clamp(24px,3vw,32px);line-height:1.22;margin:0 0 16px}h3{font-size:20px;line-height:1.3;margin:5px 0 8px}.lead{font-size:18px;color:#e4ebf2;max-width:740px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;padding:12px 20px;border-radius:5px;text-decoration:none!important;background:var(--gold);color:#112537!important;font-weight:700}.btn.secondary{border:1px solid #a3b2be;background:transparent;color:white!important}.btn.dark{background:var(--navy);color:white!important}.section{padding:56px 24px}.section.alt{background:var(--bg)}.center{text-align:center}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:9px;background:white;padding:24px;box-shadow:0 4px 16px rgba(15,35,56,.045)}.card p{margin-bottom:0}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 19px}.book{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden;display:flex;flex-direction:column}.cover-box{background:#ecf0f4;padding:16px 20px;text-align:center}.cover-box img{width:auto;max-width:100%;height:250px;object-fit:contain;box-shadow:0 7px 16px rgba(0,0,0,.17)}.book-info{padding:16px}.book-info h3{font-size:16px}.tag{color:#80602b;letter-spacing:.11em;font-size:11px;font-weight:700}.author-layout{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:45px;align-items:start}.portrait{width:100%;max-width:320px;height:auto;border:4px solid var(--gold);box-shadow:0 12px 34px #102c4940}.about-text p{margin-top:0}.step{border-left:3px solid var(--gold);padding-left:17px;margin:20px 0}.notice{border-left:4px solid var(--gold);background:#fbf7ee;padding:18px 22px;border-radius:3px}.footer{background:var(--navy);color:#c9d5e1;padding:30px 24px}.footer-inner{max-width:1110px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:white;margin-right:18px;text-decoration:none}.footer small{display:block;margin-top:11px;color:#c6a976}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px}.feature-covers{display:flex;justify-content:center;gap:15px}.feature-covers img{width:176px;height:270px;max-width:46%;object-fit:fill;filter:drop-shadow(0 8px 10px #0003)}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}@media(max-width:800px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.author-layout{grid-template-columns:1fr}.portrait{max-width:270px}}@media(max-width:570px){.nav-wrap{justify-content:center}.brand{text-align:center}nav{justify-content:center}nav a{padding:8px;font-size:12px}.hero{padding:42px 18px}.section{padding:40px 18px}.book-grid,.cards,.contact-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-box img{height:190px}.feature-covers img{height:190px}.card{padding:17px}}@media(max-width:390px){.book-grid,.cards,.contact-row{grid-template-columns:1fr}.cover-box img{height:240px}}