@import "tailwindcss";

:root { --ink:#122b26; --cream:#f2f0e7; --acid:#d9ff63; --white:#fff; --muted:#59706a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.nav { height:84px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; position:absolute; z-index:5; width:100%; color:white; border-bottom:1px solid rgba(255,255,255,.22); }
.brand { display:flex; align-items:center; gap:10px; font-size:12px; letter-spacing:.14em; font-weight:700; }
.brand b { color:var(--acid); }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; letter-spacing:-.06em; }
.nav-links { display:flex; gap:34px; font-size:13px; }
.nav-cta { border:1px solid rgba(255,255,255,.65); border-radius:30px; padding:12px 18px; font-weight:700; font-size:13px; }
.nav-cta span,.button span { margin-left:18px; }
.hero { min-height:790px; height:100vh; max-height:940px; position:relative; color:white; overflow:hidden; background-image:linear-gradient(90deg,rgba(5,27,22,.88) 0%,rgba(5,27,22,.48) 50%,rgba(5,27,22,.12) 100%),url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=2200&q=86"); background-size:cover; background-position:center; }
.hero-glow { position:absolute; inset:auto -12% -55% auto; width:720px; height:720px; border:1px solid rgba(217,255,99,.45); border-radius:50%; box-shadow:0 0 0 130px rgba(217,255,99,.04),0 0 0 260px rgba(217,255,99,.03); }
.hero-content { position:absolute; left:8vw; top:51%; transform:translateY(-42%); width:min(760px,75vw); }
.eyebrow,.section-kicker { text-transform:uppercase; letter-spacing:.19em; font-size:11px; font-weight:700; }
.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:24px; }
.eyebrow span { width:27px; height:2px; background:var(--acid); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(64px,7.6vw,114px); line-height:.88; letter-spacing:-.065em; margin-bottom:34px; font-weight:800; }
em { color:var(--acid); font-family:Georgia,serif; font-weight:400; }
.hero-copy { max-width:550px; font-size:19px; line-height:1.55; color:rgba(255,255,255,.88); }
.hero-actions { display:flex; align-items:center; gap:32px; margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; border:0; padding:16px 22px; border-radius:3px; font-weight:800; font-size:13px; cursor:pointer; }
.button-light { background:white; color:var(--ink); }
.text-link { font-size:13px; font-weight:700; border-bottom:1px solid rgba(255,255,255,.5); padding:10px 0; }
.text-link span { margin-left:12px; }
.trust-row { display:flex; align-items:center; gap:14px; margin-top:48px; }
.trust-row p { margin:0; font-size:11px; line-height:1.55; color:rgba(255,255,255,.72); }
.trust-row strong { color:white; font-size:12px; }
.avatars { display:flex; }
.avatars i { width:29px; height:29px; border-radius:50%; border:2px solid var(--ink); margin-left:-7px; background:#d1a57f; }
.avatars i:first-child { margin-left:0; background:#688e72; }.avatars i:nth-child(2){background:#d8b06e}.avatars i:nth-child(3){background:#996852}.avatars i:nth-child(4){background:var(--acid)}
.hero-place { position:absolute; right:6vw; bottom:80px; display:flex; align-items:flex-start; gap:12px; }
.hero-place .pin { color:var(--acid); font-size:13px; }
.hero-place small,.hero-place strong { display:block; }.hero-place small { font-size:10px; text-transform:uppercase; letter-spacing:.16em; margin-bottom:6px; }.hero-place strong { font-size:12px; line-height:1.6; letter-spacing:.05em; }
.scroll-pill { position:absolute; bottom:0; left:50%; transform:translateX(-50%); background:var(--cream); color:var(--ink); padding:14px 28px; border-radius:24px 24px 0 0; font-size:10px; text-transform:uppercase; letter-spacing:.17em; font-weight:700; }
.scroll-pill span { margin-left:14px; }
.intro,.locations,.process { padding:110px 8vw; }
.section-kicker { color:#71837e; margin-bottom:30px; }
.intro-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:10vw; }
h2 { font-size:clamp(45px,5.3vw,78px); line-height:.98; letter-spacing:-.055em; font-weight:800; }
.intro h2 em,.locations h2 em,.process h2 em { color:#16705b; }
.intro-grid>div>p { color:var(--muted); font-size:17px; line-height:1.7; max-width:560px; }
.metrics { display:flex; gap:44px; margin-top:42px; padding-top:28px; border-top:1px solid #c8cec5; }
.metrics div { display:flex; flex-direction:column; gap:7px; }.metrics strong { font-size:26px; }.metrics span { font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:#71837e; }
.programmes { background:var(--ink); color:white; padding:110px 8vw; }
.section-kicker.light { color:var(--acid); }
.section-head { display:grid; grid-template-columns:1.5fr .5fr; gap:8vw; align-items:end; }
.section-head>p { color:#a5b5b0; line-height:1.7; font-size:15px; padding-bottom:10px; }
.programme-list { margin-top:55px; border-top:1px solid #3b514c; }
.programme-list article { display:grid; grid-template-columns:80px 1fr 50px; align-items:center; padding:32px 0; border-bottom:1px solid #3b514c; transition:.25s; }
.programme-list article:hover { padding-left:16px; background:rgba(255,255,255,.025); }
.programme-number { color:var(--acid); font-size:11px; }
.programme-list h3 { font-size:25px; margin-bottom:8px; }.programme-list p { margin:0; color:#9dafaa; font-size:14px; }
.round-arrow { width:42px; height:42px; border:1px solid #6a7b77; border-radius:50%; display:grid; place-items:center; }
.locations-title { display:flex; justify-content:space-between; align-items:flex-start; }.locations-title .section-kicker { margin-top:20px; }.locations-title h2 { text-align:right; }
.location-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:9px; height:470px; margin-top:55px; }
.location-card { position:relative; overflow:hidden; background-size:cover; background-position:center; color:white; min-width:0; transition:flex .35s; }
.location-card:hover { transform:translateY(-8px); }
.location-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,25,20,.9),rgba(4,25,20,.05) 68%); }
.location-card>span { position:absolute; top:20px; left:20px; font-size:10px; letter-spacing:.14em; }
.location-card>div:last-child { position:absolute; bottom:22px; left:20px; }.location-card p { font-size:9px; text-transform:uppercase; letter-spacing:.15em; color:var(--acid); margin-bottom:6px; }.location-card h3 { font-size:22px; margin:0; }
.loc-kl { background-image:url("https://images.unsplash.com/photo-1596422846543-75c6fc197f07?auto=format&fit=crop&w=700&q=80"); }
.loc-selangor { background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=700&q=80"); }
.loc-raub { background-image:url("https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=700&q=80"); }
.loc-penang { background-image:url("https://images.unsplash.com/photo-1531988042231-d39a9cc12a9a?auto=format&fit=crop&w=700&q=80"); }
.loc-langkawi { background-image:url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=700&q=80"); }
.process { text-align:center; background:#e7e8df; }.process .section-kicker { text-align:left; }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#c6cec5; margin-top:55px; text-align:left; }.steps article { background:#e7e8df; padding:42px; }.steps span { color:#16705b; font-size:11px; }.steps h3 { font-size:21px; margin:50px 0 12px; }.steps p { color:var(--muted); line-height:1.6; font-size:14px; margin:0; }
.enquire { background:#1a5b4c; color:white; padding:110px 8vw; display:grid; grid-template-columns:1fr 1fr; gap:9vw; }.enquire-copy>p:last-child { color:#bed0cb; max-width:470px; line-height:1.7; }.lead-form { background:white; color:var(--ink); padding:36px; display:flex; flex-direction:column; gap:22px; }.lead-form label { display:flex; flex-direction:column; gap:8px; font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }.lead-form input,.lead-form select,.lead-form textarea { width:100%; border:0; border-bottom:1px solid #ccd2cd; padding:8px 0 12px; font:14px Arial; color:var(--ink); background:white; outline:none; text-transform:none; letter-spacing:0; }.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus { border-color:#16705b; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:25px; }.button-accent { background:var(--acid); color:var(--ink); align-self:flex-start; }.lead-form small { color:#7b8985; }
footer { background:#0d2420; color:#a5b5b0; padding:46px 8vw; display:grid; grid-template-columns:1.1fr 1fr 1fr auto; align-items:center; gap:30px; font-size:11px; }footer p { margin:0; }.footer-brand { color:white; }footer div { display:flex; gap:22px; }footer>span { white-space:nowrap; }
@media(max-width:900px){.nav-links{display:none}.hero{min-height:720px}.hero-content{left:6vw;width:88vw}.hero-place{display:none}.intro-grid,.section-head,.enquire{grid-template-columns:1fr}.section-head>p{max-width:500px}.locations-title{display:block}.locations-title h2{text-align:left}.location-grid{grid-template-columns:repeat(2,1fr);height:auto}.location-card{height:280px}.location-card:last-child{grid-column:1/-1}.steps{grid-template-columns:1fr}.steps h3{margin-top:25px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nav{height:70px;padding:0 5vw}.nav-cta{padding:10px 13px}.nav-cta span{display:none}.hero{height:810px}.hero-content{top:48%}h1{font-size:58px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.trust-row{margin-top:35px}.intro,.locations,.process,.programmes,.enquire{padding:78px 6vw}.intro-grid{gap:25px}.metrics{gap:18px;justify-content:space-between}.metrics strong{font-size:20px}.section-head{gap:20px}.programme-list article{grid-template-columns:45px 1fr 42px}.programme-list p{padding-right:10px}.locations-title h2{font-size:44px}.location-grid{grid-template-columns:1fr}.location-card,.location-card:last-child{grid-column:auto;height:245px}.form-row{grid-template-columns:1fr}.lead-form{padding:25px}.enquire{gap:35px}footer{grid-template-columns:1fr;gap:18px}footer div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.location-card,.programme-list article{transition:none}}