:root {
  --school-navy: #102b4c;
  --school-blue: #23658b;
  --school-sky: #8fc7d4;
  --school-sand: #d4a65f;
  --school-cream: #f5f0e5;
  --school-ink: #17304a;
}

.international-school-page { color: var(--school-ink); background: #f8fafc; }
.school-hero { position: relative; min-height: 720px; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: clamp(40px,7vw,110px); align-items: center; padding: 130px max(34px,calc((100vw - 1240px)/2)) 100px; overflow: hidden; color: #fff; background: radial-gradient(circle at 76% 18%,rgba(143,199,212,.28),transparent 26%),radial-gradient(circle at 28% 82%,rgba(212,166,95,.18),transparent 28%),linear-gradient(135deg,#0a1f38 0%,#123b5e 54%,#1f6682 100%); }
.school-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to right,transparent,black 58%,transparent); }
.school-hero-copy,.school-orbit { position:relative; z-index:1; }
.school-kicker { display:inline-flex; align-items:center; gap:10px; margin:0 0 24px; color:#bfe8ef; font-size:.72rem; font-weight:800; letter-spacing:.18em; }
.school-kicker::before { content:""; width:36px; height:1px; background:currentColor; }
.school-hero h1 { max-width:760px; margin:0; font-size:clamp(3.2rem,7vw,7rem); line-height:.92; letter-spacing:-.065em; }
.school-hero h1 span { display:block; margin-top:16px; color:#c9edf2; font:600 clamp(.9rem,1.35vw,1.15rem)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.school-hero-lead { max-width:680px; margin:30px 0 0; color:rgba(255,255,255,.84); font-size:clamp(1rem,1.6vw,1.24rem); line-height:1.8; }
.school-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.school-hero-actions a { display:inline-flex; align-items:center; min-height:48px; padding:0 20px; border:1px solid rgba(255,255,255,.32); border-radius:999px; color:#fff; text-decoration:none; font-weight:800; }
.school-hero-actions a:first-child { color:#153452; border-color:#f0d39f; background:#f0d39f; }
.school-orbit { min-height:480px; display:grid; place-items:center; }
.school-orbit-core { width:180px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 34% 28%,#fff 0 3%,#c9edf2 4% 16%,#5b9eb6 48%,#173e62 72%); box-shadow:0 0 0 18px rgba(255,255,255,.04),0 0 90px rgba(140,216,230,.35); text-align:center; }
.school-orbit-core strong { display:block; font-size:3.5rem; line-height:1; }.school-orbit-core small { display:block; margin-top:6px; color:rgba(255,255,255,.74); letter-spacing:.16em; }
.school-orbit-ring { position:absolute; width:350px; aspect-ratio:1; border:1px solid rgba(203,237,242,.35); border-radius:50%; animation:school-spin 24s linear infinite; }
.school-orbit-ring.r2 { width:470px; border-style:dashed; animation-duration:36s; animation-direction:reverse; }
.school-orbit-ring i { position:absolute; width:78px; min-height:34px; display:grid; place-items:center; padding:6px 10px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:#fff; background:rgba(10,31,56,.72); box-shadow:0 8px 26px rgba(0,0,0,.16); backdrop-filter:blur(10px); font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.school-orbit-ring i:nth-child(1){left:50%;top:-18px;transform:translateX(-50%)}.school-orbit-ring i:nth-child(2){right:-30px;top:50%;transform:translateY(-50%)}.school-orbit-ring i:nth-child(3){left:50%;bottom:-18px;transform:translateX(-50%)}.school-orbit-ring i:nth-child(4){left:-30px;top:50%;transform:translateY(-50%)}
.school-orbit-ring.r2 i:nth-child(1){left:14%;top:9%}.school-orbit-ring.r2 i:nth-child(2){right:5%;top:26%}.school-orbit-ring.r2 i:nth-child(3){left:65%;bottom:2%}.school-orbit-ring.r2 i:nth-child(4){left:1%;top:67%}
@keyframes school-spin { to { transform:rotate(360deg); } }

.school-shell { max-width:1240px; margin:0 auto; padding:100px 34px 120px; }
.school-intro-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.school-section-tag { color:var(--school-blue); font-size:.7rem; font-weight:900; letter-spacing:.16em; }
.school-intro-grid h2,.school-section h2 { margin:14px 0 0; font-size:clamp(2rem,4vw,4.1rem); line-height:1.04; letter-spacing:-.045em; }
.school-intro-grid>p { margin:0; color:#5d6e80; font-size:1.08rem; line-height:1.9; }
.school-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:54px; }
.school-principle { min-height:250px; padding:28px; border:1px solid #dce5eb; border-radius:26px; background:#fff; box-shadow:0 16px 44px rgba(21,58,88,.06); }
.school-principle b { color:var(--school-sand); font:800 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; }.school-principle h3 { margin:46px 0 12px; font-size:1.35rem; }.school-principle p { margin:0; color:#657687; line-height:1.75; }
.school-section { margin-top:110px; }
.school-route-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:42px; }
.school-route { position:relative; min-height:270px; padding:30px; overflow:hidden; border-radius:28px; color:#fff; background:linear-gradient(150deg,#163d61,#246c88); }
.school-route:nth-child(2n){background:linear-gradient(150deg,#294e6e,#597b8d)}.school-route:nth-child(3n){background:linear-gradient(150deg,#715332,#b78a4f)}
.school-route::after { content:""; position:absolute; width:180px; aspect-ratio:1; right:-70px; bottom:-80px; border:1px solid rgba(255,255,255,.24); border-radius:50%; box-shadow:0 0 0 22px rgba(255,255,255,.035),0 0 0 46px rgba(255,255,255,.025); }
.school-route b { color:#d8f2f5; font:800 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }.school-route h3 { margin:50px 0 12px; font-size:1.45rem; }.school-route p { max-width:310px; margin:0; color:rgba(255,255,255,.78); line-height:1.7; }
.school-filters { display:flex; flex-wrap:wrap; gap:9px; margin:34px 0 26px; }
.school-filters button { min-height:40px; padding:0 15px; border:1px solid #cfdce4; border-radius:999px; color:#38546d; background:#fff; font-weight:800; cursor:pointer; }.school-filters button.is-active { color:#fff; border-color:var(--school-blue); background:var(--school-blue); }
.school-library { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.school-card { min-height:190px; display:flex; flex-direction:column; padding:24px; border:1px solid #dce5eb; border-radius:22px; background:#fff; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.school-card:hover { transform:translateY(-5px); border-color:#a8cbd5; box-shadow:0 20px 50px rgba(17,56,87,.1); }.school-card[hidden]{display:none}
.school-card-code { color:#8aa0b2; font:800 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }.school-card h3 { margin:24px 0 4px; font-size:1.05rem; }.school-card h3 small { display:block; margin-top:7px; color:#7990a3; font-size:.7rem; font-weight:600; line-height:1.3; }.school-card-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:20px; }.school-card-tags span { padding:6px 9px; border-radius:999px; color:#39617b; background:#edf5f7; font-size:.64rem; font-weight:800; }
.school-method { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:42px; counter-reset:school-step; }.school-method article { min-height:230px; padding:24px; border-top:2px solid var(--school-sand); background:linear-gradient(#fff,#f6f8fa); }.school-method article::before { counter-increment:school-step; content:"0" counter(school-step); color:#9b7440; font:800 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }.school-method h3 { margin:56px 0 10px; font-size:1rem; }.school-method p { margin:0; color:#657687; font-size:.86rem; line-height:1.7; }
.school-disclaimer { margin-top:70px; padding:28px 30px; border:1px solid #d6e1e8; border-radius:22px; color:#5e7080; background:#eef4f6; line-height:1.75; }.school-disclaimer strong { color:#243f58; }
.school-cta { margin-top:28px; display:flex; justify-content:space-between; gap:30px; align-items:center; padding:38px; border-radius:28px; color:#fff; background:linear-gradient(125deg,#102b4c,#23658b); }.school-cta h2 { margin:0; font-size:clamp(1.7rem,3vw,3rem); }.school-cta p { max-width:620px; margin:12px 0 0; color:rgba(255,255,255,.72); }.school-cta a { flex:0 0 auto; display:inline-flex; align-items:center; min-height:48px; padding:0 20px; border-radius:999px; color:#16354f; background:#f0d39f; text-decoration:none; font-weight:900; }
@media(max-width:900px){.school-hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}.school-orbit{min-height:430px}.school-intro-grid{grid-template-columns:1fr;gap:26px}.school-principles,.school-route-grid,.school-library{grid-template-columns:repeat(2,1fr)}.school-method{grid-template-columns:repeat(2,1fr)}.school-method article:last-child{grid-column:span 2}.school-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.school-hero{padding-right:22px;padding-left:22px}.school-hero h1{font-size:3.35rem}.school-orbit{min-height:330px;transform:scale(.78)}.school-shell{padding:74px 20px 100px}.school-principles,.school-route-grid,.school-library,.school-method{grid-template-columns:1fr}.school-method article:last-child{grid-column:auto}.school-section{margin-top:82px}.school-cta{padding:28px}}
@media(prefers-reduced-motion:reduce){.school-orbit-ring{animation:none}}