/* BIG DEN: night-time London, electric blue, pink neon and warm amber. */
:root{--paper:#080c2d;--ink:#f5f5ff;--blue:#51e5ff;--muted:#bfc6e7;--line:#8a9cff36;--gold:#ffd16a;--yellow:#ffcf54;--sans:Manrope,Arial,sans-serif}
body{background-color:#080c2d;background-image:radial-gradient(ellipse at 85% 8%,#451b8355,transparent 28%),radial-gradient(ellipse at 4% 40%,#073acb30,transparent 35%),url('assets/stars.svg');background-size:100% 2600px,100% 3000px,780px 640px}
.header{background:#080d2ce8;border-bottom:1px solid #80b5ff26}.header-inner{height:90px}.brand-name{background:linear-gradient(115deg,#7cfcff,#5589ff 48%,#f88eff);background-clip:text;filter:drop-shadow(0 0 10px #24c9ff30)}.brand-dot{color:#f48cff}.header-call>span{color:#55e9ff}.brand-caption{color:#c2c7eb}
.london-hero{position:relative;isolation:isolate;overflow:hidden;background:#060f35 url('assets/big-ben-night-v1.webp') 62% center/cover no-repeat;border-bottom:1px solid #50ddff66}
.london-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050b2cce 0%,#070c3182 36%,#060e3010 68%),linear-gradient(0deg,#070c2e 0%,transparent 19%,transparent 80%,#040b301a)}
.london-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffb84e,#fa38bb 30%,#40eaff 66%,#a23bff);box-shadow:0 0 18px #59d9ff;pointer-events:none}
.hero{display:block;min-height:780px;padding-block:46px 45px;position:relative}.hero:before,.hero:after{display:none}.hero-copy{max-width:650px}.hero .eyebrow{color:#e0e7ff;font-size:9px;letter-spacing:2px;margin-bottom:21px}.status-dot{background:#6df5ff;box-shadow:0 0 12px #47eaff}
.hero-wordmark{font-size:clamp(80px,8.9vw,132px);font-weight:850;letter-spacing:-7px;line-height:.95;white-space:nowrap;background:linear-gradient(115deg,#0eeaff 4%,#1685ff 26%,#722fff 53%,#ff79ef 72%,#35e5ff 97%);background-clip:text;color:transparent;-webkit-text-stroke:1.5px #d1fcff;filter:drop-shadow(0 0 9px #279dff70) drop-shadow(0 0 25px #a02fff55);padding:4px 6px 10px 0}
.hero-brand-caption{font-size:clamp(12px,1.6vw,22px);font-weight:650;letter-spacing:1.5px;text-transform:uppercase;color:#e7e6ff;margin:9px 0 29px;display:inline-block;padding-bottom:16px;position:relative}.hero-brand-caption:after{content:'';position:absolute;height:2px;bottom:0;left:0;right:-25px;background:linear-gradient(90deg,#ff69d8,#67edff 65%,transparent);box-shadow:0 0 12px #f36bff99}
.enrollment{display:flex;align-items:center;gap:12px;width:fit-content;padding:12px 18px;border:1px solid #ffd661;border-radius:9px;background:linear-gradient(115deg,#ffde5b,#ffb04f);color:#23113e;font-size:14px;font-weight:750;box-shadow:0 0 25px #ffb53630,inset 0 1px #fff8;margin-bottom:25px}.enrollment .status-dot{width:6px;height:6px;background:#4d2253;box-shadow:none}.enrollment>span:last-child{margin-left:15px;font-size:20px;line-height:1}
.hero h1{font-size:47px;line-height:1.08;letter-spacing:-1.8px;font-weight:650;margin:0 0 19px;color:#fff;text-shadow:0 3px 20px #0005}.world-word{color:#7cefff;background:none;text-shadow:0 0 24px #26ceff55}.world-word svg{display:none}.hero-intro{font-size:16px;line-height:1.8;color:#e6e6fa;max-width:550px;margin-bottom:25px}.hero-actions{gap:25px}.button{border-radius:8px}.button-blue{background:linear-gradient(115deg,#ffe46b,#ffbc4e);color:#221039;font-weight:750;box-shadow:0 5px 30px #ffbd4a30,inset 0 1px #fff9}.button-blue:hover{background:linear-gradient(115deg,#fff18e,#ffce64);box-shadow:0 7px 35px #ffd34a60}.hero .button{font-size:12px;padding:17px 22px}.hero .text-link{font-size:12px;color:#d7f9ff}.hero-note{margin-top:25px;font-size:10px;color:#e0d9f5}.hero-note strong{color:#f2eaff}.note-icon{color:#ff8adf;font-size:32px;text-shadow:0 0 15px #ff55c780}
.london-caption{position:absolute;right:0;bottom:47px;display:flex;align-items:center;gap:15px;color:#e8e9ff;font-size:8px;letter-spacing:2px;text-shadow:0 2px 10px #02051e}.london-caption b{font-size:11px;font-weight:500;letter-spacing:.4px;display:block;margin-top:5px}.london-star{font-size:40px;color:#8ff8ff;filter:drop-shadow(0 0 10px #00cfff)}
.promise-strip{background:linear-gradient(90deg,#15105d80,#111c6080,#3a105a80);border-color:#55d7ff33}.promise-strip i{color:#ff75d1}.promise-strip span{color:#d5dfff}
.planet-section{position:relative;isolation:isolate;padding-block:100px 80px;background:radial-gradient(ellipse at 80% 50%,#4215a343,transparent 55%),radial-gradient(ellipse at 55% 20%,#0846be29,transparent 60%);overflow:hidden}.planet-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px}.planet-copy .eyebrow{color:#7be9ff;font-size:8px;letter-spacing:1.5px}.planet-copy h2{font-size:55px;font-weight:600;margin-bottom:28px}.planet-copy .body-large{color:#e6e9ff;font-size:19px}.planet-copy>p:not(.eyebrow):not(.body-large){font-size:13px;color:#bfc6e7;line-height:1.9;max-width:350px;margin-block:23px}.planet-copy .text-link{font-size:12px;color:#81efff}.planet-signature{display:flex;align-items:center;gap:20px;margin-top:45px;font-size:35px;font-weight:650;color:#63e7ff}.planet-signature i{font-size:22px;font-style:normal;color:#f07aff}.planet-signature>span:last-child{color:#ffa7e6}
.hero-art{width:100%;margin:0;max-width:650px;padding:20px;border:1px solid #825fff66;border-radius:26px;background:linear-gradient(145deg,#11174e80,#1d0e4260);box-shadow:0 0 60px #581aff18,inset 0 1px #c2b7ff18}.art-window{border-radius:50%;aspect-ratio:1;background:transparent}.art-caption{color:#8ceaff;font-size:7px}.scene-greeting{color:#c6f7ff;text-shadow:0 0 25px #1ccaff55;font-family:var(--sans);font-style:normal;font-weight:500;font-size:30px}.scene-language{background:#0c1045c9;border-color:#2bd6ff66}.scene-language button{color:#cad8ff}.scene-language button[aria-pressed=true]{background:linear-gradient(110deg,#71f2ff,#8daaff);color:#101b4a;box-shadow:0 0 18px #2ed7ff35}.orbit-control{color:#84eeff;border-color:#45dbff66;background:#0a123dc9}.hero-art .round-stamp{border-color:#f38fdb66;color:#ff9cde;background:#1d103bcc}.art-foot{color:#a2b8f2}.globe-legend{color:#cad3f2}.globe-legend small{color:#9eadd5}
h2,.section-heading h2{font-weight:600;letter-spacing:-1.7px}h2 em{font-family:var(--sans);font-style:normal;color:#83eaff;background:linear-gradient(100deg,#61e9ff,#c7a1ff 75%,#ff91db);background-clip:text;-webkit-text-fill-color:transparent}.section .eyebrow,.section-heading .eyebrow{color:#91ceff}.heading-note{color:#bfc6e7}.text-link:hover{color:#ff99de}
.language-card.english{background:radial-gradient(ellipse at var(--shine-x,0%) var(--shine-y,0%),#1469de50,transparent 70%),linear-gradient(145deg,#0b235bbb,#0c1238);border-color:#45ddff9c;box-shadow:0 0 30px #13b9ff18,inset 0 0 25px #11aaff0a}.language-card.chinese{background:radial-gradient(ellipse at var(--shine-x,80%) var(--shine-y,0%),#c5278c45,transparent 70%),linear-gradient(145deg,#39124dc9,#1e0d3b);border-color:#ff65bf9c;box-shadow:0 0 30px #ff32a71a,inset 0 0 25px #ff14930d}.language-card:hover{box-shadow:0 0 40px #3acbff25;border-color:#8af3ff}.language-card.chinese:hover{border-color:#ff9add;box-shadow:0 0 40px #ff48b52b}.language-display{color:#72ecff!important;text-shadow:0 0 25px #00c8ff40!important}.chinese-display,.chinese-display>span{color:#ffd974!important}.language-display>span{color:#f39cfa}.language-display svg{stroke:#62eaff}.chinese-display svg{stroke:#ff7ecb}.language-card h3{color:#fff}.language-card p{color:#cad4ed}.language-tag{color:#d8f7ff;border-color:#5eeaff60}.chinese .language-tag{color:#ffd1ee;border-color:#ff78c380}.circle-link{color:#8bf3ff;border-color:#68e7ff80}.chinese .circle-link{color:#ffa1dd;border-color:#ff80ce80}.card-bottom{border-color:#7fb5ff33}
.discovery-section{background:radial-gradient(ellipse at 70% 40%,#5319b338,transparent 65%),linear-gradient(#090c3000,#10124099)}.discovery-copy .eyebrow{color:#e18dff}.discovery-instruction{color:#f4a9e7}.word-face{background:linear-gradient(140deg,#173c87,#0e1949);border-color:#65dcff80;box-shadow:0 20px 45px #0004,0 0 25px #00baff14}.word-card-zh .word-face{background:linear-gradient(140deg,#6a215b,#2b1045);color:#ffc4e7;border-color:#ff8edc99}.word-back{background:linear-gradient(135deg,#b6f8ff,#83b9ff);color:#102750}.word-card-zh .word-back{background:linear-gradient(135deg,#ffd8ee,#efb2f3);color:#401642}.word-symbol>span{color:#ffbeee}.universe-marquee span{-webkit-text-stroke-color:#bf8fff55}
.teacher-section{background:#11103bba}.teacher-section:before{background-image:linear-gradient(90deg,transparent,#11103bdd 47%,#11103bcc 90%),url('assets/alphabet-pattern.svg');opacity:.32}.teacher-photo-wrap:before{border-color:#a983ff80;box-shadow:0 0 30px #7733ff15}.teacher-photo-wrap:after{color:#f694dc;text-shadow:0 0 25px #f14ad870}.teacher-photo-wrap>img{filter:none;border-color:#dd92ff50}.teacher-flower{color:#ed87ff}.experience-sticker{background:linear-gradient(125deg,#ffe679,#ffb456);color:#291940;box-shadow:0 10px 35px #ffc85120}.teacher-fullname{color:#d4cff3}.teacher-copy .body-large{color:#ede9ff}.format-icon{color:#6ce9ff}.format-icon>span:nth-child(2),.small-chinese{color:#f393e4}.format-icon>span:nth-child(3){color:#b29cff}.format-grid article:before{background:linear-gradient(90deg,#64efff,#fa83df,transparent);width:100px}.format-grid article{border-color:#8c8aff40}
.space-section{background:#101b45b8}.space-section:before{background:linear-gradient(90deg,#101b45b8,#101b45ee),url('assets/alphabet-pattern.svg') 0 0/420px 600px}.classroom-photo{background:linear-gradient(135deg,#a6deff,#c5b6ff);box-shadow:0 20px 60px #02061d80,0 0 35px #4576ff20}.classroom-photo img{filter:none}.space-doodle span{color:#e7b5ff}.space-doodle svg{stroke:#c79aff}.faq-list summary>span,.faq-list p a{color:#83eaff}
.contacts{background:linear-gradient(100deg,#071343ed,#26104ad9),url('assets/big-ben-night-v1.webp') center 65%/cover;border-block-color:#f26bd060;position:relative}.contacts:before{width:70%;height:2px;background:linear-gradient(90deg,transparent,#f967da,#51e7ff,transparent);box-shadow:0 0 18px #8e6aff80}.contact-heading h2>span{color:#ff8be5;text-shadow:0 0 30px #fd49b580}.contact-heading h2 em{color:#8beeff}.big-phone{color:#fff4d2;text-shadow:0 0 25px #ffac492e}.big-phone>span,.pin-icon{color:#ffd16a}.messengers>a,.messengers>button{border-color:#5db8ff70;background:#19296355}.messengers>a:hover,.messengers>button:hover{background:#334c974d}.reading-progress{background:linear-gradient(90deg,#f7b84b,#f443c5,#45eaff);box-shadow:0 0 15px #53dbff99}.mobile-call{background:linear-gradient(115deg,#ffe46b,#ffbc4e);color:#24133e;border-color:#ffe9a0}.effects-toggle{background:#14153d;border-color:#6b78d855;color:#d1d5ff}.max-dialog{background:#12143d;border-color:#8e83ff77}.dialog-phone{color:#ffdc80}
@media(min-width:1600px){.hero{min-height:830px;padding-top:64px}.hero-copy{max-width:720px}.hero h1{font-size:51px}.hero-intro{font-size:18px}.london-hero{background-position:center 48%}}
@media(max-width:1100px){.hero{min-height:745px;padding-block:50px}.hero-wordmark{font-size:100px;letter-spacing:-5px}.hero-copy{max-width:560px}.hero h1{font-size:43px}.hero-intro{font-size:15px}.hero-brand-caption{font-size:17px}.planet-layout{gap:35px;grid-template-columns:.9fr 1.1fr}.planet-copy h2{font-size:44px}.planet-copy .body-large{font-size:17px}.hero-art{padding:17px}.scene-greeting{font-size:26px}.london-caption{right:0;bottom:36px;font-size:7px}.london-caption b{font-size:9px}.london-hero{background-position:60% center}}
@media(max-width:800px){.header-inner{height:82px}.hero{min-height:760px;padding-top:50px}.hero-copy{max-width:500px}.hero-wordmark{font-size:95px}.hero h1{font-size:40px}.hero .eyebrow{font-size:8px}.hero-intro{font-size:15px}.hero .button{font-size:11px}.hero .text-link{font-size:10px}.london-hero{background-position:64% center}.london-hero:before{background:linear-gradient(90deg,#050b2cd9,#070c3180 56%,#060e3022),linear-gradient(0deg,#070c2e,transparent 20%)}.london-caption{bottom:26px}.planet-section{padding-block:70px}.planet-layout{grid-template-columns:1fr;gap:40px}.planet-copy{max-width:550px}.planet-copy h2{font-size:46px}.planet-copy>p:not(.eyebrow):not(.body-large){max-width:480px}.planet-signature{display:none}.hero-art{max-width:560px;justify-self:center;align-self:center}.planet-copy .body-large{font-size:19px}}
@media(max-width:600px){.london-hero{background-size:auto 690px;background-position:73% top;background-color:#080d30}.london-hero:before{background:linear-gradient(90deg,#050b2c9c,#070c3155 60%,#070c3122),linear-gradient(0deg,#080d30 1%,#080d3066 22%,transparent 55%)}.hero{display:block;min-height:780px;padding-block:33px 40px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:23px}.hero-wordmark{font-size:clamp(69px,19.5vw,112px);letter-spacing:-4.5px;-webkit-text-stroke:1px #dbfaff;line-height:1}.hero-brand-caption{font-size:10px;letter-spacing:1px;margin:8px 0 25px;padding-bottom:13px}.hero-brand-caption:after{right:-35px}.enrollment{font-size:11px;padding:10px 12px;gap:8px;border-radius:7px;margin-bottom:28px}.enrollment>span:last-child{font-size:16px;margin-left:10px}.hero h1{font-size:clamp(34px,9.2vw,48px);letter-spacing:-1.4px;margin-bottom:21px;line-height:1.13;max-width:350px}.hero-intro{font-size:13px;max-width:290px;line-height:1.85;margin-bottom:27px;color:#eef0ff}.hero-intro br{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero .button{font-size:11px;min-height:54px;padding:16px 19px;gap:23px}.hero .text-link{font-size:11px}.hero-note{font-size:9px;margin-top:26px;line-height:1.65}.note-icon{font-size:28px}.london-caption{right:0;bottom:33px}.london-caption b{display:none}.london-caption .london-star{font-size:22px}.london-caption{gap:8px;font-size:6px;letter-spacing:1px}.planet-section{padding-block:60px 55px}.planet-layout{gap:35px}.planet-copy .eyebrow{font-size:6.5px;letter-spacing:1px}.planet-copy h2{font-size:39px;margin-bottom:22px}.planet-copy .body-large{font-size:17px}.planet-copy>p:not(.eyebrow):not(.body-large){font-size:12px;margin-block:20px}.planet-copy .text-link{font-size:11px}.hero-art{width:100%;max-width:430px;margin:0;padding:14px 12px 18px;border-radius:20px}.art-window{aspect-ratio:1;border-radius:50%}.scene-greeting{font-size:27px}.art-caption{font-size:5.5px;letter-spacing:1px}.art-foot{font-size:5px}.section .eyebrow{color:#96d9ff}.section-heading h2,h2{letter-spacing:-1.2px}.language-card.english,.language-card.chinese{border-radius:18px}.language-card .language-display{font-size:88px}.language-card .chinese-display{font-size:72px}.contacts{background-position:70% center}.teacher-copy h2{font-size:35px}.big-phone{font-size:29px}}
@media(max-width:360px){.hero{min-height:760px}.hero-wordmark{font-size:19.3vw}.hero-brand-caption{font-size:8.5px}.enrollment{font-size:9px;padding-inline:10px}.hero h1{font-size:32px}.hero-intro{font-size:12px;max-width:250px}.hero .button{font-size:10px;padding-inline:16px;gap:15px}.london-hero{background-position:74% top}.planet-copy h2{font-size:34px}.hero-art{padding-inline:9px}.scene-language button{padding-inline:13px}.big-phone{font-size:25px}}
/* Keep both clock faces inside the narrow mobile crop. */
@media(max-width:600px){.london-hero{background-position:83% top}}
@media(min-width:601px) and (max-width:800px){.london-hero{background-position:78% center}}