:root {
  --bg: #0b0e12;
  --fg: #e6e6e6;
  --muted: #9aa4b2;
  --accent: #ff3d3d;
  --card: #12161d;
  --link: #7ab8ff;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: var(--bg); color: var(--fg); }
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 24px; }

header.hero { display:grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; padding: 48px 0; }
.hero .cover { border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,.6); overflow: hidden; }
.hero img { width:100%; height:auto; display:block; }
.badges { display:flex; gap:12px; flex-wrap:wrap; margin: 10px 0 18px; }
.badge { background: #1a2130; color:#c7d2fe; padding:6px 10px; border-radius: 999px; font-size: 12px; letter-spacing:.2px; border:1px solid #263044; }
h1 { font-size: clamp(28px, 3.2vw, 42px); margin:0 0 6px; line-height:1.15; }
h2 { font-size: clamp(22px, 2.4vw, 30px); margin:22px 0 10px; }
.tagline { color: #f1c0c0; font-weight: 600; margin-bottom: 8px; }
.meta { color: var(--muted); font-size: 14px; }
.cta { display:flex; gap:12px; margin-top: 16px; }
.btn { background: var(--accent); color:#fff; border:none; padding:10px 16px; border-radius: 10px; cursor:pointer; font-weight:600; }
.btn.secondary { background: #222a36; color:#fff; border:1px solid #2d3646; }

section.card { background: var(--card); border:1px solid #1e2430; border-radius: 16px; padding: 24px; margin: 28px 0; box-shadow: 0 10px 40px rgba(0,0,0,.3); }
section.card p { color:#d7dde7; line-height:1.7; }
ul.bullets { margin: 8px 0 0 18px; }
.newsletter form { display:flex; gap:10px; flex-wrap:wrap; }
.newsletter input[type=email] { flex:1; min-width:260px; padding:10px 12px; border-radius: 10px; border:1px solid #2d3646; background:#0f131a; color:#fff; }
.newsletter input[type=submit] { padding:10px 16px; border-radius:10px; border:none; background:#2775ff; color:#fff; font-weight:700; cursor:pointer; }
footer { color:#93a0b5; border-top:1px solid #1e2430; padding: 22px 0; margin-top: 28px; font-size:14px; }
.grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:22px; }
.grid-3 { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:20px; }
.book-card { background:#141925; border-radius:14px; border:1px solid #232b3a; padding:16px; display:flex; flex-direction:column; gap:10px; }
.book-card img { width:100%; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,.5); }
.book-card h3 { margin:6px 0 0; font-size:18px; }
.book-card .book-tagline { font-size:14px; color:#f5d0d0; }
.book-card p { font-size:14px; color:#d7dde7; }

.rights pre { white-space: pre-wrap; font-family: ui-sans-serif, system-ui, sans-serif; background:#0f131a; padding:16px; border-radius:10px; border:1px solid #263044; }

@media (max-width: 900px) {
  header.hero { grid-template-columns: 1fr; }
}