:root{
  --navy:#293351;
  --navy-2:#202943;
  --yellow:#FFC500;
  --yellow-soft:#FFF3BB;
  --red:#C00000;
  --cream:#FFF9E8;
  --paper:#FFFFFF;
  --ink:#293351;
  --muted:#687083;
  --line:#E8E1CA;
  --soft:#FAFAF7;
  --shadow:0 18px 44px rgba(41,51,81,.10);
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{background:var(--yellow);color:var(--navy);font-size:12px;font-weight:800}
.topbar .container{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.topbar a{color:var(--navy)}
.whatsapp-pill{padding:7px 14px;border-radius:7px;background:var(--red);color:#fff!important}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid #EEE9DA;backdrop-filter:blur(10px)}
.nav{min-height:78px;display:flex;align-items:center;gap:24px}
.brand{font-size:22px;font-weight:900;color:var(--navy);white-space:nowrap}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800}
.nav-links>a,.dropdown-toggle{color:var(--navy)}
.nav-links>a:hover,.dropdown-toggle:hover{color:var(--red)}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:10px;font-weight:850;font-size:12px;border:1px solid transparent}
.btn-primary{background:var(--yellow);color:var(--navy)}
.btn-outline{background:#fff;border-color:#D9DDE7;color:var(--navy)}
.menu-btn{display:none;margin-left:auto;border:0;background:transparent;font-size:26px;color:var(--navy)}
.dropdown{position:relative}
.dropdown-toggle{border:0;background:transparent;padding:10px 0;font:inherit;font-weight:800;cursor:pointer}
.dropdown-menu{position:absolute;top:100%;left:-18px;min-width:230px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(41,51,81,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:12px;color:var(--navy)}
.dropdown-menu a:hover{background:var(--yellow-soft)}
.mobile-panel{display:none;padding:0 20px 18px;border-top:1px solid #EEE9DA;background:#fff}
.mobile-panel.open{display:block}
.mobile-panel a{display:block;padding:11px 0;border-bottom:1px solid #F0EEE8;font-weight:800;font-size:13px}
.page-hero{padding:78px 0;background:linear-gradient(135deg,#FFF9E8 0%,#fff 62%,#FFF3BB 100%);border-bottom:1px solid var(--line)}
.kicker{display:inline-block;margin-bottom:14px;color:var(--red);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.page-hero h1{max-width:850px;margin:0 0 18px;font-size:clamp(42px,6vw,72px);line-height:1.02;color:var(--navy);letter-spacing:-.03em}
.page-hero p{max-width:760px;margin:0;color:#616A7C;font-size:16px;line-height:1.75}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.section{padding:78px 0}
.section-soft{background:#FAF9F4}
.section-alt{background:#FFF9E8}
.section-head{max-width:780px;margin-bottom:34px}
.section-head h2{margin:0 0 12px;font-size:clamp(32px,4vw,48px);color:var(--navy);letter-spacing:-.02em}
.section-head p{margin:0;color:#697184;line-height:1.75}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 14px 32px rgba(41,51,81,.06)}
.card h3{margin:0 0 10px;color:var(--navy);font-size:20px}
.card p{margin:0;color:#687083;line-height:1.7;font-size:13px}
.card .meta{margin-top:16px;font-size:11px;color:#8A91A0}
.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--yellow-soft);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.list li{display:flex;gap:10px;color:#5D6678;line-height:1.6;font-size:13px}
.list li:before{content:"✓";color:var(--red);font-weight:900}
.profile{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.profile-photo{border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#F1F1EF}
.profile-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}
.credential-box{margin-top:20px;padding:22px;border-radius:17px;background:var(--navy);color:#fff}
.credential-box h3{margin:0 0 12px;color:var(--yellow);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.credential-box ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.credential-box li{font-size:12px;line-height:1.6;color:#EEF0F5}
.credential-box li:before{content:"✓";margin-right:9px;color:var(--yellow);font-weight:900}
.notice{padding:16px 18px;border-radius:14px;background:#FFF9E8;border:1px solid #F2E3AD;color:#69604C;font-size:12px;line-height:1.6}
.person-placeholder{min-height:240px;border-radius:18px;background:linear-gradient(145deg,#F6F3E8,#EFECE3);border:1px dashed #CFC8B3;display:grid;place-items:center;text-align:center;padding:24px;color:#8A8374;font-size:12px}
.course-row{display:grid;grid-template-columns:.36fr .64fr;gap:24px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 32px rgba(41,51,81,.06)}
.course-row+.course-row{margin-top:20px}
.course-side{padding:20px;border-radius:16px;background:var(--navy);color:#fff}
.course-side strong{display:block;font-size:27px;line-height:1.1}
.course-side span{display:block;margin-top:8px;color:var(--yellow);font-size:11px;font-weight:850;text-transform:uppercase}
.course-main h3{margin:0 0 10px;font-size:26px;color:var(--navy)}
.course-main p{color:#667083;line-height:1.72}
.course-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.mini{padding:16px;border-radius:14px;background:#FAF9F4;border:1px solid #EEE9DA}
.mini strong{display:block;margin-bottom:8px;font-size:12px}
.mini p{font-size:12px;margin:0;color:#6B7485;line-height:1.6}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery-slot{aspect-ratio:4/3;border:1px dashed #CCC5B3;border-radius:18px;background:linear-gradient(145deg,#FBF9F2,#F1EEE5);display:grid;place-items:center;text-align:center;padding:18px;color:#8C8575;font-size:12px}
.form-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px}
.field label{font-size:11px;font-weight:800;color:#515A6D}
.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #DDE1E8;border-radius:10px;background:#FBFBFC;color:var(--navy)}
.field textarea{min-height:120px;resize:vertical}
.footer{background:var(--navy);color:#fff;padding:50px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
.footer h3,.footer h4{margin-top:0}
.footer p,.footer a{color:#DDE1EB;font-size:12px;line-height:1.7}
.footer-links{display:grid;gap:8px}
.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);font-size:11px;color:#BFC5D1}
@media(max-width:1000px){
  .nav-links,.nav-actions{display:none}.menu-btn{display:block}
  .profile,.grid-2,.course-row,.footer-grid{grid-template-columns:1fr}
  .grid-3,.gallery-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .container{width:min(100% - 26px,var(--max))}
  .topbar .container{padding:7px 0}.topbar-right{display:none}
  .page-hero{padding:54px 0}.section{padding:56px 0}
  .grid-3,.gallery-grid,.form-grid,.course-columns{grid-template-columns:1fr}
  .brand{font-size:19px}.nav{min-height:68px}
}

.blank-person-photo{
  aspect-ratio:4/5;
  border-radius:18px;
  background:#F4F2EC;
  border:1px solid #E0DBCF;
}
.about-team-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  align-items:start;
}
.testimonial-group + .testimonial-group{margin-top:46px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.testimonial-group-title{margin:0 0 8px;font-size:30px;color:var(--navy)}
.testimonial-group-copy{margin:0 0 18px;color:#72798A;font-size:13px;line-height:1.65}
.gallery-home-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gallery-home-slot{
  aspect-ratio:4/3;
  border:1px dashed #CBC4B2;
  border-radius:16px;
  background:linear-gradient(145deg,#FBF9F2,#F1EEE5);
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  color:#8B8475;
  font-size:11px;
}
@media(max-width:800px){
  .about-team-grid,.testimonial-grid,.gallery-home-preview{grid-template-columns:1fr}
}