
:root{
  --navy:#001f43;
  --navy-2:#062d57;
  --navy-soft:#0b3768;
  --gold:#c68a09;
  --gold-2:#e0a51d;
  --cream:#fbf6ed;
  --paper:#fffdf8;
  --ink:#071d3a;
  --muted:#475569;
  --line:#ead7b8;
  --green:#13964b;
  --shadow:0 12px 30px rgba(8,27,55,.10);
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
h1,h2,h3,h4{font-family:'Merriweather',Georgia,serif;line-height:1.12;color:var(--ink);margin:0 0 14px} 
h1{font-size:clamp(38px,5vw,66px);letter-spacing:-1px} h2{font-size:clamp(26px,3vw,38px)} h3{font-size:22px}
a{color:inherit;text-decoration:none}.gold{color:var(--gold)}.navy{color:var(--navy)}
img{max-width:100%;display:block}.container{max-width:1180px;margin:auto;padding:0 22px}.section{padding:48px 0}.section-sm{padding:32px 0}.center{text-align:center}.lead{font-size:20px;color:#20324f}.small{font-size:14px;color:var(--muted)}
.topbar{background:#031c39;color:#fff;font-size:13px}.topbar .container{height:28px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.topbar i{color:red}.site-header{background:#fff;border-bottom:1px solid #e6ebf1;position:sticky;top:0;z-index:50}.navwrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{height:64px;width:auto}.menu{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.menu a{position:relative;padding:29px 0;color:#071d3a}.menu a.active:after,.menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;background:var(--gold);border-radius:99px}.hamb{display:none;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:10px 12px;font-size:20px}
.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#fffaf1 0%,#fff 48%,#f1f7ff 100%);border-bottom:1px solid #eef0f4}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 45%,rgba(198,138,9,.06),transparent 22%),linear-gradient(45deg,transparent 0 48%,rgba(0,31,67,.035) 48% 52%,transparent 52%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;min-height:360px}.hero p{max-width:690px}.hero-img{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-height:330px}.hero-img img{max-height:340px;border-radius:0 0 8px 8px;object-fit:cover;filter:drop-shadow(0 12px 20px rgba(4,31,66,.14))}.dark-hero{background:linear-gradient(100deg,#061d3b 0%,#0c315b 55%,#071c35 100%);color:#fff;overflow:hidden}.dark-hero h1,.dark-hero h2,.dark-hero p{color:#fff}.dark-hero .hero-grid{min-height:250px}.dark-hero .hero-img img{border-radius:8px;max-height:190px;opacity:.92}.book-hero{background:linear-gradient(100deg,#fffaf1 0,#fff 55%,#ecf5ff 100%)}
.btns{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:7px;font-weight:800;border:0;box-shadow:0 8px 18px rgba(5,27,57,.12);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--navy);color:#fff}.btn-gold{background:linear-gradient(180deg,#d99d18,#bd7900);color:#fff}.btn-green{background:linear-gradient(180deg,#21b461,#0e8a43);color:#fff}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--navy)}
.stats{background:linear-gradient(90deg,#001e3e,#052d5a);color:#fff}.stats .container{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.stat{padding:22px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.28)}.stat:last-child{border-right:0}.stat i{font-size:28px;color:var(--gold-2);margin-bottom:7px}.stat strong{display:block;font-size:26px;line-height:1}.stat span{font-size:12px;color:#f4f7fb}.title-line{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:28px}.title-line:before,.title-line:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1;max-width:290px}.title-line:after{background:linear-gradient(90deg,var(--gold),transparent)}
.grid{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:var(--shadow);padding:24px}.mini-card{padding:24px 16px;text-align:center}.mini-card i,.icon-badge{font-size:34px;color:var(--navy);margin-bottom:12px}.mini-card h3{font-size:18px;font-family:'Merriweather',Georgia,serif}.icon-badge{width:68px;height:68px;background:#f4f7fb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--navy);border:1px solid #e5edf6}.gold-divider{height:2px;width:58px;background:var(--gold);margin:8px auto 18px;border-radius:3px}.about-block{display:grid;grid-template-columns:230px 1fr 330px;gap:35px;align-items:center}.about-block img{border-radius:10px}.profile-list{border-left:2px solid #ced9e5;padding-left:28px}.profile-list p{display:flex;gap:14px;align-items:center;font-weight:700}.profile-list i{width:30px;text-align:center;color:var(--navy);font-size:22px}
.feature-band{background:#fbf6ed;border:1px solid #ead7b8;border-radius:13px;padding:0;overflow:hidden}.feature-band .split{display:grid;grid-template-columns:1fr 2fr}.workshop-card{background:linear-gradient(145deg,#071f40,#093b73);color:#fff}.workshop-card h2,.workshop-card p{color:#fff}.promo{background:#fffaf3;border:1px solid var(--line);border-radius:12px;overflow:hidden}.promo-content{padding:24px}.book-cover{border-radius:0;box-shadow:0 16px 24px rgba(6,28,57,.20)}
.resource-card{padding:0;overflow:hidden}.resource-card img{height:230px;width:100%;object-fit:cover;background:#f8f1e7}.resource-card .pad{padding:22px}.badge{display:inline-flex;background:var(--gold-2);color:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800}.video-card{padding:0;overflow:hidden}.video-thumb{height:130px;background:linear-gradient(135deg,#111b3c,#0c6936);color:#fff;display:flex;align-items:end;padding:16px;position:relative}.video-thumb:after{content:"▶";position:absolute;right:14px;bottom:12px;background:#0009;color:#fff;border-radius:4px;padding:4px 8px;font-size:12px}.video-thumb strong{font-size:20px;line-height:1.05}.video-card p{padding:12px 14px 16px;margin:0}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}.timeline:before{content:"";position:absolute;left:10%;right:10%;top:34px;border-top:2px dashed #d4a045}.milestone{text-align:center;position:relative}.milestone .circle{width:68px;height:68px;background:var(--navy);color:#fff;border:6px solid #f4f7fb;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:25px;position:relative;z-index:1}.milestone h4{color:var(--gold);font-family:'Inter',Arial,sans-serif;font-size:20px;margin:12px 0 3px}.list-check{list-style:none;padding:0;margin:0}.list-check li{margin:11px 0;display:flex;gap:12px}.list-check i{color:var(--gold)}.cta{background:linear-gradient(90deg,#051f3f,#073562);color:#fff;padding:25px 0}.cta h2,.cta p{color:#fff}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer{background:#031d3b;color:#dce8f5}.footer a{color:#dce8f5}.footer-main{padding:42px 0;display:grid;grid-template-columns:2fr 1fr 1.25fr 1.25fr 1.6fr;gap:28px;border-bottom:1px solid rgba(255,255,255,.18)}.footer h3{color:#fff;font-family:'Inter',Arial,sans-serif;font-size:16px}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:7px 0;font-size:14px}.footer .brand img{height:64px}.copyright{padding:17px 0;font-size:13px;display:flex;justify-content:space-between;gap:20px}.social{display:flex;gap:12px;margin-top:16px}.social a{width:34px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:36px}.contact-row{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #edf0f3}.contact-row:last-child{border-bottom:0}.contact-row i{width:54px;height:54px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.form{display:grid;gap:14px}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form textarea{width:100%;padding:16px;border:1px solid #dfe4ec;border-radius:8px;font:inherit}.form textarea{min-height:150px;resize:vertical}.story-card{text-align:center}.avatar{width:126px;height:126px;border-radius:8px;background:#fff3d6;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:48px;font-family:'Merriweather';color:var(--gold);overflow:hidden}.story-card .place{color:#235288;font-size:13px;font-weight:700}.service-step{display:flex;align-items:center;gap:16px}.step-no{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.workbook-feature{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.book-hero .hero-grid{grid-template-columns:.95fr 1.05fr}.book-hero h1{font-size:clamp(35px,4vw,53px)}
@media(max-width:950px){.hamb{display:block}.menu{display:none;position:absolute;left:0;right:0;top:106px;background:#fff;flex-direction:column;align-items:stretch;padding:14px 24px;border-bottom:1px solid #e7edf4;box-shadow:var(--shadow);gap:0}.menu.open{display:flex}.menu a{padding:12px 0}.menu a.active:after,.menu a:hover:after{bottom:6px}.hero-grid,.book-hero .hero-grid,.about-block,.contact-grid,.workbook-feature,.feature-band .split{grid-template-columns:1fr}.hero-img{min-height:auto}.stats .container{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid rgba(255,255,255,.15)}.grid-3,.grid-4,.grid-5,.grid-6,.footer-main,.timeline{grid-template-columns:repeat(2,1fr)}.timeline:before{display:none}.cta .container{flex-direction:column;align-items:flex-start}.copyright{flex-direction:column}.profile-list{border-left:0;padding-left:0}.contact-grid{gap:18px}}
@media(max-width:560px){.brand img{height:50px}.navwrap{height:66px}.topbar .container{justify-content:center}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.footer-main,.timeline,.stats .container,.form .two{grid-template-columns:1fr}.btns{flex-direction:column}.btn{justify-content:center}.hero-grid{padding:24px 0}.section{padding:34px 0}.card{padding:20px}.resource-card img{height:190px}}
