:root{
  --yellow:#ffd400; --red:#d62626; --green:#15803d; --card:#fff; --bg:#f6f7f9; --ink:#111;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
.banner-yellow{background:var(--yellow);color:#000;text-align:center;padding:18px 12px;font-size:26px;font-weight:800}
.banner-red{background:var(--red);color:#fff;text-align:center;padding:10px 12px;font-size:18px;font-weight:700}
.container{max-width:900px;margin:28px auto;padding:0 16px}
.card{background:var(--card);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:26px}
.center{text-align:center}
h2{margin:0 0 12px}
.btn-row{display:flex;justify-content:center;gap:12px;margin:8px 0 4px}
.btn{padding:10px 16px;border:0;border-radius:8px;font-weight:700;cursor:pointer}
.btn-yes{background:var(--green);color:#fff}
.btn-no{background:#333;color:#fff}
.btn-submit{background:var(--green);color:#fff}
.why-us{margin-top:16px;padding:14px;background:#f0f5ff;border-radius:10px}
.why-us ul{margin:10px 0 0;padding-left:18px}
.why-us li{margin:6px 0}

.q-wrapper{position:relative}
.save-banner{position:relative;margin:0 0 12px 0;background:#e8fff0;border:2px solid #c7f0d4;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.save-banner .stars{color:#22c55e;font-size:20px;animation:jiggle .9s ease-in-out infinite alternate}
.save-banner .line{font-weight:900;color:#14532d}
@keyframes jiggle{0%{transform:rotate(-2deg)}100%{transform:rotate(2deg)}}
label{display:block;font-weight:700;margin-top:14px}
input[type="text"],input[type="tel"],input[type="email"]{width:100%;padding:12px;border:1px solid #cfd6de;border-radius:8px;margin-top:6px;font-size:16px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;margin-top:8px}
.services label{display:flex;gap:8px;align-items:center;font-weight:600}

.books{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:12px}
.book{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.06);text-decoration:none;color:inherit;display:block}
.book img{width:100%;height:auto;display:block}
.book .meta{padding:10px}
.book .title{font-weight:800;margin-bottom:6px}
.book .blurb{font-size:14px;color:#374151}

.sub{margin-top:6px}
.fade-in{animation:fadeIn .55s ease-out both}
.fade-slide{animation:fadeSlide .7s ease-out both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeSlide{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* Call page */
.call-wrap{max-width:760px;margin:28px auto;padding:0 16px}
.call-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:28px;text-align:center}
.big-call{display:inline-block;background:#15803d;color:#fff;border:0;border-radius:12px;padding:18px 28px;font-size:28px;font-weight:900;text-decoration:none;margin-top:14px;animation:wiggle .6s ease-in-out infinite alternate}
@keyframes wiggle{0%{transform:rotate(-1.3deg)}100%{transform:rotate(1.3deg)}}
.timer{font-size:44px;font-weight:900;color:#d62626;margin:10px 0 0}
.rep{color:#14532d;font-weight:700;margin-top:6px}

@media (max-width:1000px){.books{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.books{grid-template-columns:repeat(2,1fr)}}