:root{--ink:#050814;--panel:#0d1730;--white:#f6f8ff;--muted:#aab6ca;--line:rgba(184,204,255,.15);--blue:#3478ff;--blue-soft:#6da4ff;--gold:#d6a653;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.site-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 72% 4%,rgba(40,93,194,.18),transparent 30rem),var(--ink)}
.support-page{max-width:var(--max);margin:auto;padding:0 24px 0!important}
.approach-rebuild{padding:0;margin-top:52px}
.approach-rebuild>h1{width:100%;max-width:none;margin:0 auto;text-align:center;white-space:nowrap;font:600 clamp(1.8559993725rem,4.772569815vw,3.9771415125rem)/.9 "Space Grotesk",sans-serif;letter-spacing:-.08em}
.approach-rebuild>h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--gold)}
.approach-information{display:grid;gap:0;width:100%;max-width:850px;margin:74px auto 0}
.approach-information>section{margin:0;padding:0;text-align:center}
.approach-information>section+section{margin-top:74px}
.approach-information>section:not(.approach-signoff)::before{display:block;width:10px;height:10px;margin:0 auto 12px;border:1.76px solid var(--gold);border-radius:50%;content:"";box-shadow:none}
.approach-information h2{margin:0 auto 16px;max-width:620px;color:var(--gold);font:600 clamp(calc(1.215rem + 1px),calc(2.565vw + 1px),calc(2.16rem + 1px))/1 "Space Grotesk",sans-serif;letter-spacing:-.055em}
.approach-information>section p{margin:0}
.approach-information p,.approach-information li,.approach-access>p{color:var(--muted);font-size:20px;line-height:1.65;text-align:center}
.approach-help,.approach-steps{width:100%;max-width:520px;margin:0 auto;padding:0;color:var(--muted);text-align:left;justify-self:center}
.approach-help{width:max-content;max-width:100%;margin-inline:auto;justify-self:center}
.approach-help li+li,.approach-steps li+li{margin-top:10px}
.approach-help strong{color:var(--white)}
.approach-help{list-style:none}
.approach-help li{display:flex;justify-content:flex-start;gap:16px;align-items:flex-start;text-align:left}
.approach-help li::before{content:"•";display:block;flex:0 0 30px;width:30px;color:var(--gold);font-size:20px;line-height:1.35;text-align:center}
.approach-steps{width:max-content;max-width:100%;margin:0 auto;list-style:none;padding:0}
.approach-steps li{display:flex;justify-content:flex-start;gap:16px;align-items:flex-start;flex-wrap:nowrap;text-align:left}
.approach-steps li>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--blue-soft);border-radius:50%;color:var(--blue-soft);font-weight:700;font-size:12px}
.approach-steps p{flex:1 1 auto;min-width:0;margin:2px 0 0;text-align:left;white-space:nowrap}
.approach-steps li:nth-child(4) p{white-space:nowrap}
.approach-information p.approach-availability{width:573px!important;max-width:573px!important;margin:16px auto 0;padding:0 18px;color:#cbd7e8;font-size:12.6px;line-height:1.6;position:relative}
.approach-information .approach-availability>span{font-size:0;color:#4169e1}
.approach-information .approach-availability>span::before{content:"CURRENT STATUS";font-size:12.6px;text-decoration:underline;text-underline-offset:3px}
.approach-information .approach-availability>span::after{content:":";font-size:12.6px;text-decoration:none}
.approach-information .approach-availability strong{font-size:0}
.approach-information .approach-availability strong::before{content:"English and IELTS";font-size:12.6px}
.approach-availability::before{content:"";display:block;position:relative;left:auto;width:636px!important;max-width:100%!important;height:1px;margin:0 auto 20px;background:linear-gradient(90deg,transparent 0%,rgba(214,166,83,.22) 12%,rgba(214,166,83,.72) 30%,#e7c477 50%,rgba(214,166,83,.72) 70%,rgba(214,166,83,.22) 88%,transparent 100%)}
.approach-availability b{color:var(--blue-soft);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.approach-access{position:relative;text-align:center}
.approach-access::after{content:"";position:absolute;left:50%;bottom:-37px;width:636px;max-width:100%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent 0%,rgba(214,166,83,.22) 12%,rgba(214,166,83,.72) 30%,#e7c477 50%,rgba(214,166,83,.72) 70%,rgba(214,166,83,.22) 88%,transparent 100%);pointer-events:none}
.approach-access>p{display:block;width:100%;max-width:650px;margin:0 auto!important;padding-bottom:30px;justify-self:center;text-align:center}
.approach-access nav{display:grid;grid-template-columns:repeat(4,135px);gap:28px;max-width:624px;margin:0 auto}
.approach-access nav a{position:relative;display:flex;align-items:flex-end;justify-content:center;justify-self:center;width:135px;height:135px;padding:14px 10px;border:0;border-radius:18px;background-color:#071326;background-clip:padding-box;background-size:cover;background-position:center;overflow:hidden;color:#fff;text-shadow:0 2px 8px #000;font-weight:700;isolation:isolate;box-shadow:none;transition:transform .35s ease,box-shadow .35s ease}
@media(min-width:821px){.approach-access nav{row-gap:36px}.approach-access nav a{width:127px;height:127px}}
.approach-access nav a::before{display:none}
.approach-access nav a:hover,.approach-access nav a:focus-visible{transform:scale(1.14);box-shadow:none;outline:0}
.approach-signoff{position:relative;display:flex;align-items:center;justify-content:center;justify-self:center;gap:28px;width:636px;max-width:100%;min-height:202px;box-sizing:border-box;margin:74px auto 89.6px!important;padding:24px;border:1px solid transparent;border-radius:20px;background:#000;background-clip:padding-box;overflow:hidden;isolation:isolate;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:left}
.approach-signoff::before{content:"";position:absolute;z-index:2;inset:2px;border-radius:18px;box-shadow:inset 0 0 0 2px #8f2638;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}
.approach-portrait-frame{display:block;flex:0 0 119.3px;width:119.3px;height:119.3px;overflow:hidden;border:3px solid #8f2638;border-radius:50%;box-shadow:none;transform:translate3d(-9px,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.approach-portrait-frame img{display:block;width:113%;height:100%;max-width:none;margin-left:-6.5%;object-fit:fill;object-position:center center}
.approach-signoff p{display:flex;flex-direction:column;align-self:center;gap:11px;max-width:400px;margin:0;color:#cbd4e4;font-size:15px;line-height:1.5}
.approach-quote{font-size:15px}
.approach-signoff strong{display:block;margin:0;color:#d6a653;font:600 19px/1.2 "Space Grotesk",sans-serif;letter-spacing:.035em}
.approach-credential{display:block;width:301px;max-width:100%;margin:0 auto;padding-top:10px;border-top:0;background:linear-gradient(90deg,transparent 0%,rgba(203,212,228,.16) 12%,rgba(203,212,228,.48) 50%,rgba(203,212,228,.16) 88%,transparent 100%) top/100% 1.5px no-repeat;color:#f6f8ff;font-size:13px;line-height:1.35;letter-spacing:.015em;text-align:center}
.approach-band{color:inherit;font-weight:700}
.approach-quote{display:block;width:108%;max-width:none;margin-inline:-4%;padding-top:10px;border-top:0;background:linear-gradient(90deg,transparent 0%,rgba(203,212,228,.16) 12%,rgba(203,212,228,.48) 50%,rgba(203,212,228,.16) 88%,transparent 100%) top/100% 1.5px no-repeat;color:#cbd4e4;line-height:1.5}
.approach-access nav a:nth-child(1){background-image:linear-gradient(180deg,transparent 42%,rgba(3,8,20,.9)),url('../../../assets/approach/path-english-card-v1.png')}
.approach-access nav a:nth-child(2){background-image:linear-gradient(180deg,transparent 42%,rgba(3,8,20,.9)),url('../../../assets/approach/path-ielts-card-v1.png')}
.approach-access nav a:nth-child(3){background-image:linear-gradient(180deg,transparent 42%,rgba(3,8,20,.9)),url('../../../assets/approach/path-toefl-card-v1.png')}
.approach-access nav a:nth-child(4){background-image:linear-gradient(180deg,transparent 42%,rgba(3,8,20,.9)),url('../../../assets/approach/path-pte-card-v1.png')}
.approach-access nav a:nth-child(5){background-image:linear-gradient(180deg,transparent 42%,rgba(3,8,20,.9)),url('../../../assets/approach/path-celpip-card-v1.png')}
.approach-access nav a:nth-child(6){background-image:linear-gradient(180deg,transparent 42%,rgba(3,8,20,.9)),url('../../../assets/approach/path-immigration-card-v1.png')}
.approach-access nav a:nth-child(7){background-image:linear-gradient(180deg,transparent 42%,rgba(3,8,20,.9)),url('../../../assets/approach/path-careers-card-v1.png')}
.approach-access nav a:nth-child(8){background-image:linear-gradient(180deg,transparent 42%,rgba(3,8,20,.9)),url('../../../assets/approach/path-travel-card-v1.png')}
@media(max-width:820px){.support-page{padding:0 18px 0!important}.approach-rebuild{padding-top:0}.approach-information{margin:74px auto 0;gap:0}.approach-information p,.approach-information li,.approach-access>p{font-size:19px}.approach-access nav{grid-template-columns:repeat(2,145px);max-width:314px;gap:14px}.approach-signoff{gap:16px;margin-top:0;min-height:180px;padding:20px 16px}.approach-portrait-frame{flex-basis:119.3px;width:119.3px;height:119.3px}.approach-signoff p{font-size:15px}.approach-signoff strong{font-size:19px;margin-bottom:8px}.approach-credential{font-size:13px;margin-bottom:10px}}