:root{
  --orange:#f7941d;
  --orange-dark:#ea7b00;
  --teal:#0a8c8c;
  --navy:#183d5d;
  --text:#222;
  --muted:#667085;
  --bg:#f7f7f8;
  --white:#fff;
  --shadow:0 10px 25px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,94%);margin:auto}
.top-notice{background:#8c662f;color:#fff;text-align:center;padding:12px 16px;font-weight:700;font-size:14px}
.utility-bar{background:#fff;border-bottom:1px solid #e8e8ea}
.utility-inner{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:44px}
.utility-links{display:flex;flex-wrap:wrap;gap:0}
.utility-links a{padding:12px 16px;border-right:1px solid #ececec;font-weight:700;color:#7c7c7c;font-size:14px}
.utility-links a:nth-child(5), .utility-links a:nth-child(7){background:var(--orange);color:#fff}
.utility-links a:nth-child(6){background:var(--teal);color:#fff}
.utility-right{display:flex;align-items:center;gap:10px}
.call-pill{background:var(--teal);color:#fff;padding:10px 18px;font-weight:700}
.social{width:30px;height:30px;border:1px solid #ddd;display:grid;place-items:center;color:#666;font-size:14px}
.brand-header{background:#fff}
.brand-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0 18px}
.brand-left{display:flex;align-items:center;gap:18px}
.brand-mark{display:flex;align-items:center;gap:8px}
.mark-circle{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #ffcb74, #f99a22 40%, #1d1d1d 42%, #1d1d1d 46%, #f99a22 48%, #f99a22 60%, #1d1d1d 62%, #1d1d1d 100%);border:1px solid #e0e0e0}
.mark-stack{display:grid;gap:2px}
.mark-stack span{display:block;background:#f7941d;color:#000;font-weight:800;padding:3px 7px;line-height:1}
.brand-copy h1{margin:0;font-size:26px;letter-spacing:.5px}
.brand-copy .script{margin:4px 0 3px;font-size:19px;font-style:italic;font-family:cursive;color:#343434}
.brand-copy small{color:#666}
.brand-grade{font-size:28px;color:#e18b14;font-weight:700}
.brand-grade strong{font-size:64px;line-height:1}
.main-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(5px);border-top:1px solid #efefef;border-bottom:1px solid #ebebeb}
.nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:72px}
.nav-links{display:flex;gap:24px;align-items:center;font-size:20px;color:#515151}
.nav-links a{padding:10px 0}
.apply-btn{background:var(--orange);color:#fff;padding:15px 22px;font-weight:700}
.menu-btn{display:none;background:none;border:none;font-size:28px;color:#444}
.mobile-drawer{display:none;border-top:1px solid #eee;background:#fff}
.mobile-drawer a{display:block;padding:14px 18px;border-bottom:1px solid #f0f0f0;font-weight:700}
.hero{position:relative;min-height:630px;background:linear-gradient(90deg, rgba(39,116,190,.88), rgba(232,233,234,.55)), url('../img/reference-homepage.png') center/cover no-repeat;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(255,255,255,.08), rgba(255,222,165,.45) 80%, rgba(248,178,113,.45));pointer-events:none}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center;padding:68px 0}
.hero-content{max-width:640px;color:#111}
.hero-badge{display:inline-block;background:rgba(255,255,255,.82);padding:8px 14px;border-radius:999px;font-weight:700;margin-bottom:18px}
.scholar-box{display:inline-block;background:linear-gradient(90deg,#ff8b17 0%, #fff 35%, #1ca53a 100%);padding:14px 20px;margin-bottom:18px;box-shadow:var(--shadow)}
.scholar-box span,.scholar-box strong{display:block;font-weight:900;line-height:.95;color:#000;text-transform:uppercase}
.scholar-box span{font-size:74px}
.scholar-box strong{font-size:64px}
.hero-content h2{font-size:58px;line-height:1;margin:0 0 12px}
.hero-content p{font-size:20px;max-width:660px;line-height:1.4;margin:0 0 28px;font-weight:700}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.dark-btn,.light-btn{display:inline-block;border-radius:20px;padding:18px 30px;font-size:20px;font-weight:700;box-shadow:var(--shadow)}
.dark-btn{background:#3f4641;color:#fff}
.light-btn{background:#fff;color:#2b2b2b}
.enquiry-card{background:rgba(255,255,255,.96);padding:26px;border-radius:18px;box-shadow:0 14px 35px rgba(0,0,0,.16)}
.enquiry-card h3{margin:0 0 8px;font-size:32px;color:var(--navy)}
.enquiry-card p{margin:0 0 16px;color:var(--muted)}
.enquiry-card form{display:grid;gap:12px}
.enquiry-card input,.enquiry-card select,.enquiry-card textarea{width:100%;padding:13px 14px;border:1px solid #d7dbe2;border-radius:10px;background:#fff}
.enquiry-card textarea{min-height:96px;resize:vertical}
.enquiry-card button{background:var(--orange);border:none;color:#fff;padding:14px 16px;border-radius:10px;font-weight:800;cursor:pointer}
.alert{padding:10px 12px;border-radius:10px;margin-bottom:12px;font-weight:700}
.success{background:#eaf8ee;color:#19753a;border:1px solid #bde2c7}
.error{background:#fff0f0;color:#ad2d2d;border:1px solid #f1c3c3}
.section{padding:72px 0}
.section-head{text-align:center;margin-bottom:28px}
.section-head h2{font-size:38px;margin:0 0 10px;color:#1e2f48}
.section-head p{margin:0 auto;max-width:760px;color:var(--muted);font-size:17px}
.highlight-grid,.programme-grid,.steps-grid,.contact-wrap{display:grid;gap:22px}
.highlight-grid{grid-template-columns:repeat(4,1fr)}
.highlight-card,.programme-card,.step-card,.contact-card{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.highlight-card h3,.programme-card h3,.step-card h3,.contact-card h2{margin:0 0 10px;color:#1e2f48}
.programmes{background:#fff}
.programme-grid{grid-template-columns:repeat(4,1fr)}
.programme-type{display:inline-block;background:#fff2df;color:#b86b04;padding:7px 10px;border-radius:999px;font-weight:700;font-size:13px;margin-bottom:14px}
.programme-card p{color:var(--muted);margin:0 0 18px}
.programme-card a{display:inline-block;background:#f4f7fa;color:var(--navy);padding:12px 16px;border-radius:10px;font-weight:700}
.steps{background:linear-gradient(180deg,#f8fbff,#edf5fb)}
.steps-grid{grid-template-columns:repeat(4,1fr)}
.step-card span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--orange);color:#fff;font-size:24px;font-weight:900;margin-bottom:16px}
.split-banner{background:#0f3558;color:#fff}
.split-inner{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.split-inner h2{font-size:40px;margin:0 0 12px}
.split-inner p{font-size:18px;color:#d8e2ee;max-width:540px}
.orange-link{display:inline-block;margin-top:10px;background:var(--orange);padding:14px 20px;border-radius:12px;font-weight:800}
.preview-box{background:#fff;padding:12px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.preview-box img{border-radius:12px}
.contact-wrap{grid-template-columns:1fr 1fr}
.contact-card.light{background:#fff8ef}
.contact-card ul{padding-left:20px;color:#475467;line-height:1.9}
.floating-chat,.floating-call,.floating-wa{position:fixed;right:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.2);font-size:24px;z-index:60}
.floating-chat{bottom:22px;background:#f28c28}
.floating-call{bottom:90px;background:#1f7be7}
.floating-wa{bottom:158px;background:#21c45a}
@media (max-width:1100px){
  .utility-inner,.brand-inner,.nav-inner,.hero-inner,.split-inner,.contact-wrap{grid-template-columns:1fr;display:grid}
  .utility-links{gap:0}
  .brand-inner{gap:18px}
  .nav-links{gap:18px;font-size:18px;flex-wrap:wrap}
  .hero-inner{padding:44px 0}
  .hero-content h2{font-size:44px}
  .scholar-box span{font-size:58px}
  .scholar-box strong{font-size:48px}
  .highlight-grid{grid-template-columns:repeat(2,1fr)}
  .programme-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .top-notice{font-size:12px;padding:10px}
  .utility-links{display:none}
  .utility-inner{display:flex;justify-content:flex-end;min-height:56px}
  .brand-inner{display:block;text-align:center}
  .brand-left{justify-content:center;flex-direction:column}
  .brand-grade{margin-top:16px}
  .brand-grade strong{font-size:46px}
  .nav-links{display:none}
  .menu-btn{display:block}
  .mobile-drawer.open{display:block}
  .hero{min-height:auto}
  .hero-inner{grid-template-columns:1fr;gap:24px}
  .hero-content{text-align:left}
  .hero-content h2{font-size:34px}
  .hero-content p{font-size:17px}
  .scholar-box span{font-size:42px}
  .scholar-box strong{font-size:34px}
  .dark-btn,.light-btn{font-size:17px;padding:14px 20px}
  .section{padding:54px 0}
  .section-head h2,.split-inner h2{font-size:28px}
  .highlight-grid,.programme-grid,.steps-grid,.contact-wrap,.split-inner{grid-template-columns:1fr}
  .floating-chat,.floating-call,.floating-wa{right:14px;width:52px;height:52px}
}