:root{
  --brand:#0a2a66; --ink:#0e1a2b; --muted:#5b6b86; --paper:#ffffff; --bg:#ffffff;
  --accent:#ffeb00; --radius:16px; --shadow:0 6px 18px rgba(10,42,102,.08);
  --divider:#e7ecf5; --hero-start:#0c2f6e; --hero-end:#0a2248;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--paper);text-decoration:none}
.wrap{width:min(1100px,92vw);margin:0 auto}
header {background: linear-gradient(180deg, var(--brand), #08204e);
    color: #fff;
    padding: 20px 16px 28px;}
.hero{padding: 20px 16px 20px;
    min-height: 240px;
    display: flex
;
    flex-direction: column;
    justify-content: center;}
.hero .logo{display: block;
    margin: 0 auto 12px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .15));
    max-width: 180px;
    width: 40%;}
.logo {height:auto;}
.hero .crumbs{opacity:.9;font-size:14px;margin-bottom:12px}
.hero .crumbs a{color:#dfe8ff;text-decoration:underline}
.hero h1{    font-size: clamp(1.4rem, 2.6vw, 2rem);
    line-height: 1.3;
    max-width: 800px;
    margin: 0 auto 8px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;}
.hero .lead{margin:0 auto 16px;color:#e6eeff;max-width:900px}
.btn{display:inline-block;background:var(--accent);color:#000;font-weight:800;padding:12px 20px;border-radius:10px}
main{background:#fff}
.intro{padding:28px 0}
.card, .faq{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:22px}

.book-wrap {
    background: #fff9d6;
    border-radius: 18px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    padding: 48px 36px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center; margin-top:20px;}
.book-wrap h2 {
    color: var(--brand);
    margin-bottom: 10px;
}
.book-wrap p {
    color: #111;
}
.book-actions {
    display: flex
;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width:800px){.cards{grid-template-columns:1fr}}
.faq details{border:1px solid var(--divider);border-radius:12px;padding:12px 14px;margin:10px 0}
.cta, .cta.alt {display:inline-block;background:var(--accent);color:#000;font-weight:800;padding:12px 18px;border-radius:10px;text-decoration:none}

footer{background: #071b44;
    color: #c7d2f3;
    padding: 24px 0;
    margin-top: 24px;}
footer .wrap{padding-top:14px}
.wa-float{position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    text-align: center;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    transition: transform .2s 
ease;}

.wa-float span {
    display: inline-block;
    line-height: 56px;
    font-size: 26px;
}

.wa-float:hover {
    transform: scale(1.08);
}
footer a {
    color: #c7d2f3;
}