<style>
:root{
  --primary: #001f3f;   /* navy */
  --accent: #ffffff;    /* white */
  --muted: #333333;     /* dark gray for text */
  --bg: #ffffff;        /* page background */
  --glass: rgba(255,255,255,0.9);
}
*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif;}
body{background:var(--bg);color:#000;}
a{text-decoration:none;color:var(--primary);}
header{position:fixed;top:0;left:0;right:0;background:var(--primary);color:var(--accent);z-index:100;}
.nav-wrap{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;}
.brand img:{height:48px;}
nav a{margin-left:18px;color:var(--accent);font-weight:600;padding:8px 12px;border-radius:6px;}
nav a:hover{background:var(--accent);color:var(--primary);}
.cta-small{background:var(--accent);color:var(--primary);}
.hamburger{display:none;}
@media(max-width:880px){nav{display:none}.hamburger{display:block;background:none;border:none;color:var(--accent);font-size:1.5rem;}}
main{margin-top:80px;}
.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;background-image: url('Images/hero.png');;padding:60px 20px;}
.hero-inner{dispay:grid;grid-tempate-coumns:2fr 1fr;gap:28px;max-width:1200px;margin:0 auto;aign-items:center;}
.hero-tite h1{font-size:2.5rem;coor:#ffffff;margin-bottom:12px;}
.hero-tite p{coor:#ffffff;margin-bottom:18px;}
.btn{padding:14px 20px;border-radius:12px;font-weight:700;dispay:inine-bock;}
.btn-primary{background:var(--primary);coor:var(--accent);}
.btn-ghost{background:transparent;border:2px soid var(--primary);coor:var(--primary);}
.hero-card{background:var(--gass);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.services{max-width:1200px;margin:40px auto;padding:0 20px;dispay:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.service-card{background:var(--accent);border-radius:12px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.service-card h3{margin-bottom:8px;color:var(--primary);}
.service-card p{color:#111;}
.trust{max-width:1200px;margin:40px auto;padding:0 20px;display:flex;gap:18px;flex-wrap:wrap;}
.trust-box{flex:1;min-width:200px;background:#f2f6ff;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.05);}
.book-section{max-width:1200px;margin:40px auto;padding:0 20px;}
.book-grid{display:grid;grid-template-columns:1fr 420px;gap:24px;}
.book-left{background:#f9f9f9;border-radius:16px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,0.05);}
.book-iframe{width:100%;height:700px;border:none;border-radius:12px;}
.book-side{background:#f0f4ff;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.05);}
section h2,h3,h4{margin-bottom:12px;}
footer{background:var(--primary);color:var(--accent);padding:30px 20px;text-align:center;}
footer a{color:var(--accent);}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease, transform .6s ease;}
.reveal.visible{opacity:1;transform:none;}
@media(max-width:880px){.hero-inner{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr}.services{grid-template-columns:1fr;}}
/* --- Paste at the BOTTOM of style.css --- */
#logo {
  display: block;
  max-width: 150px !important;   /* never wider than this */
  max-height: 120px !important;   /* never taller than this */
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}
@media (max-width: 480px) {
  #logo { max-width: 120px !important; max-height:48px !important; }
}

</style>
