:root{
    --ct-navy:#0b1b34;
    --ct-gold:#c89424;
    --ct-text:#15233a;
    --ct-muted:#637087;
    --ct-border:#dfe5ed;
}
.contact-page{color:var(--ct-text)}
.contact-hero{
    min-height:520px;display:flex;align-items:center;position:relative;overflow:hidden;
    background:
      linear-gradient(90deg,rgba(8,24,47,.95) 0%,rgba(8,24,47,.82) 48%,rgba(8,24,47,.32) 100%),
      url('/assets/images/hero/study-abroad.jpg') center/cover no-repeat;
}
.contact-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 25%,rgba(200,148,36,.16),transparent 30%)}
.contact-hero-inner{position:relative;z-index:2}
.contact-hero-copy{max-width:760px;padding:74px 0;color:#fff}
.contact-kicker{display:inline-block;color:var(--ct-gold);font-weight:800;letter-spacing:2px;font-size:.77rem;margin-bottom:14px}
.contact-hero h1{margin:0 0 18px;color:#fff;font-size:clamp(2.8rem,5vw,5rem);line-height:1.03;letter-spacing:0}
.contact-hero h1 span{color:#e4b54d}
.contact-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.84);font-size:1.04rem;line-height:1.75}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.contact-outline{border:1px solid rgba(255,255,255,.5);color:#fff;background:transparent}
.contact-outline:hover{background:#fff;color:var(--ct-navy)}
.contact-main{padding-top:82px}
.contact-grid{display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:start}
.contact-info h2,.contact-heading h2,.contact-cta h2{margin:0 0 14px;font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.08;letter-spacing:0}
.contact-info>p,.contact-heading>p,.contact-cta p{color:var(--ct-muted);line-height:1.75}
.contact-detail-list{display:grid;gap:4px;margin-top:30px}
.contact-detail{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ct-border);text-decoration:none;color:inherit}
.contact-detail:last-child{border-bottom:0}
.contact-detail-icon{width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:#fbf0d5;color:var(--ct-gold);display:grid;place-items:center;font-weight:900}
.contact-detail span:last-child{display:flex;flex-direction:column;gap:4px}
.contact-detail strong{font-size:.9rem}
.contact-detail small{font-size:.86rem;color:var(--ct-muted);line-height:1.45}
.contact-tip{margin-top:27px;padding:22px 23px;border-radius:15px;background:#f7f2e4;border:1px solid #eedfb8}
.contact-tip strong{font-size:.9rem}
.contact-tip p{margin:7px 0 0;color:#667288;font-size:.85rem;line-height:1.6}
.contact-form-wrap .enquiry-card{margin:0}
.contact-services{margin-top:18px}
.contact-heading{max-width:700px;margin-bottom:34px}
.contact-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.contact-service-grid a{text-decoration:none;color:inherit;background:#fff;border:1px solid var(--ct-border);border-radius:16px;padding:23px;box-shadow:0 10px 25px rgba(11,27,52,.04);transition:.2s ease}
.contact-service-grid a:hover{transform:translateY(-3px);border-color:#d9bd7b;box-shadow:0 17px 30px rgba(11,27,52,.08)}
.contact-service-grid span{color:var(--ct-gold);font-size:.76rem;font-weight:900}
.contact-service-grid h3{margin:13px 0 7px;font-size:1.08rem}
.contact-service-grid p{margin:0;color:var(--ct-muted);font-size:.89rem;line-height:1.6}
.contact-cta{padding-top:76px}
.contact-cta-box{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:43px 46px;border-radius:22px;background:#f8f1df}
.contact-cta-box h2{margin-bottom:9px}
.contact-cta-box p{margin:0}
@media(max-width:980px){
    .contact-grid{grid-template-columns:1fr;gap:35px}
    .contact-service-grid{grid-template-columns:1fr 1fr}
    .contact-cta-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
    .contact-hero{min-height:600px;background:
      linear-gradient(180deg,rgba(8,24,47,.78) 0%,rgba(8,24,47,.94) 82%),
      url('/assets/images/hero/study-abroad.jpg') center/cover no-repeat}
    .contact-hero-copy{padding:56px 0}
    .contact-hero h1{font-size:clamp(2.45rem,12vw,3.4rem)}
    .contact-hero p{font-size:.95rem}
    .contact-main,.contact-cta{padding-top:62px}
    .contact-service-grid{grid-template-columns:1fr}
    .contact-cta-box{padding:30px 24px}
}

/* Google Maps */
.contact-map-section{padding-top:0}
.contact-map{border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.08);line-height:0}
.contact-map iframe{display:block;width:100%;height:450px;border:0}
@media (max-width:640px){.contact-map iframe{height:320px}}