:root{--bg:#04101f;--navy:#071b33;--blue:#0d3b66;--gold:#d8a63f;--gold2:#ffd97a;--white:#fff;--muted:#b4c3d6;--line:rgba(216,166,63,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
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;z-index:50;background:rgba(4,16,31,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1200px;margin:auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;text-decoration:none;font-weight:900;letter-spacing:.3px}.logo{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);display:grid;place-items:center;margin-right:10px;font-weight:950}
.links a{text-decoration:none;margin-left:16px;font-weight:750;font-size:14px;color:#eaf0f8}.links a:hover{color:var(--gold2)}
.hero{min-height:92vh;display:grid;place-items:center;padding:70px 20px;background:radial-gradient(circle at 80% 10%,rgba(216,166,63,.24),transparent 28%),linear-gradient(125deg,#04101f,#071b33 55%,#0d3b66)}
.hero-grid{max-width:1200px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.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,84px);line-height:1.02;margin:0 0 18px}.hero p{font-size:clamp(17px,2.1vw,24px);color:#dce7f5;margin:0 0 26px}
.btn{display:inline-block;text-decoration:none;border-radius:12px;padding:13px 20px;font-weight:900;margin:7px 8px 7px 0;transition:.22s}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy)}.btn.outline{border:1px solid rgba(255,255,255,.55);color:#fff}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.28)}
.book-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.book-stack img{width:100%;border-radius:20px;border:1px solid var(--line);box-shadow:0 25px 60px rgba(0,0,0,.42)}
section{max-width:1200px;margin:auto;padding:78px 20px}.section-title{text-align:center;font-size:38px;color:#fff;margin:0 0 10px;line-height:1.15}.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)}.book{padding:0;overflow:hidden}.book img{width:100%;height:520px;object-fit:cover;display:block;background:#071b33}.book-body{padding:28px}
.tag{display:inline-block;background:rgba(216,166,63,.18);color:var(--gold2);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:900;margin-bottom:12px}
.portrait{width:100%;max-height:620px;object-fit:cover;object-position:top center;border-radius:28px;border:1px solid var(--line);box-shadow:0 25px 55px rgba(0,0,0,.35)}
.quote{font-style:italic;border-left:4px solid var(--gold);padding-left:18px;color:#eaf0f8}.contact-panel{background:linear-gradient(135deg,rgba(216,166,63,.16),rgba(15,61,102,.38));border:1px solid var(--line);border-radius:26px;padding:38px;text-align:center}.footer{text-align:center;padding:30px 20px;background:#02060d;color:#b7c3d4;font-size:14px}.small{color:var(--muted);font-size:14px}
.placeholder{min-height:360px;border:1px dashed var(--line);border-radius:18px;display:grid;place-items:center;color:var(--muted);text-align:center;padding:25px}
@media(max-width:850px){.hero-grid,.grid2,.grid3,.book-stack{grid-template-columns:1fr}.nav-inner{display:block;text-align:center}.brand{justify-content:center}.links{margin-top:10px}.links a{display:inline-block;margin:6px 8px}.book img{height:auto}section{padding:58px 18px}}