:root{--ink:#18343b;--navy:#12313a;--teal:#16726d;--mint:#e6f3ee;--cream:#fbf8f0;--gold:#e2a644;--muted:#617277;--line:#dce5df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Noto Sans TC',sans-serif;line-height:1.7}.container{width:min(1120px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:100;background:#fff;padding:8px 14px}.site-header{position:sticky;top:0;z-index:20;background:rgba(251,248,240,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(24,52,59,.08)}.nav-wrap,.footer-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:800;line-height:1.05}.brand small{display:block;font-size:11px;letter-spacing:.12em;font-weight:600;margin-top:4px}.brand-mark{height:38px;width:38px;border-radius:11px;background:var(--teal);color:#fff;display:grid;place-items:center;font:700 22px Outfit,sans-serif}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-size:14px;color:var(--ink);text-decoration:none;font-weight:600}.main-nav a:hover,.main-nav a:focus-visible{color:var(--teal)}.main-nav .nav-cta{color:#fff;background:var(--teal);padding:9px 17px;border-radius:99px}.menu-button{display:none;border:0;background:none;padding:8px}.menu-button span{display:block;width:23px;height:2px;margin:5px;background:var(--ink)}.hero{overflow:hidden;background:#f6f2e7;padding:86px 0 78px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.eyebrow{font:600 12px Outfit,sans-serif;letter-spacing:.17em;color:var(--teal);margin:0 0 13px}.hero h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.25;letter-spacing:.02em;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--teal)}.hero-text{font-size:17px;color:var(--muted);max-width:510px}.hero-actions{display:flex;gap:13px;margin:32px 0 22px}.button{display:inline-flex;align-items:center;gap:20px;text-decoration:none;padding:13px 20px;border-radius:8px;font-size:15px;font-weight:700}.button-primary{background:var(--teal);color:#fff}.button-primary span,.button-dark span{font-size:19px}.button-quiet{color:var(--ink);border:1px solid #bac8c2}.button-dark{background:var(--navy);color:#fff}.notice-inline{color:var(--muted);font-size:13px}.notice-inline span{color:var(--gold);font-size:11px}.hero-visual{height:420px;position:relative;display:grid;place-items:center}.hero-window{width:310px;height:340px;padding:34px;background:var(--navy);color:#fff;border-radius:160px 160px 30px 30px;position:relative;overflow:hidden;box-shadow:17px 22px 0 #d7e9e2}.hero-window p{font-size:13px;letter-spacing:.05em;color:#b6ddd3}.hero-window strong{display:block;position:relative;z-index:2;font-size:36px;line-height:1.55;letter-spacing:.1em}.hero-window strong span{color:var(--gold)}.grid-dots{position:absolute;width:165px;height:165px;right:-22px;bottom:-18px;background-image:radial-gradient(#70b6a8 2px,transparent 2.5px);background-size:18px 18px}.hero-orbit{border:1px solid #a9d1c5;border-radius:50%;position:absolute}.orbit-a{height:386px;width:386px}.orbit-b{height:310px;width:310px;border-style:dashed}.math-card{position:absolute;background:#fff;border-radius:9px;padding:11px 16px;font:600 19px Outfit,sans-serif;color:var(--teal);box-shadow:0 9px 20px #25443e20;z-index:3}.card-a{left:0;top:73px;transform:rotate(-8deg)}.card-b{right:0;bottom:58px;transform:rotate(9deg)}.shape-circle{position:absolute;right:38px;top:39px;height:32px;width:32px;border:8px solid var(--gold);border-radius:50%}.shape-triangle{position:absolute;left:55px;bottom:25px;width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:30px solid #58a997;transform:rotate(21deg)}.section{padding:105px 0}.section-heading{margin-bottom:42px}.section-heading.centered{text-align:center}.section-heading h2,.feature-intro h2,.dm-copy h2,.contact h2,.connect h2{font-size:clamp(29px,3.5vw,42px);letter-spacing:.04em;line-height:1.35;margin-bottom:11px}.section-heading>p:last-child{color:var(--muted);margin-bottom:0}.admission{background:#fff}.admission-layout{display:grid;grid-template-columns:1.15fr repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.admission-main,.admission-item{padding:30px;min-height:225px}.admission-main{background:var(--mint)}.label{display:inline-block;color:var(--teal);font-size:12px;font-weight:700;background:#fff;padding:3px 10px;border-radius:99px}.admission h3{font-size:22px;margin:11px 0}.admission-main p,.admission-item p{font-size:14px;color:var(--muted)}.admission-item{border-left:1px solid var(--line)}.number{font:600 26px Outfit,sans-serif;color:#9bc5b9}.admission-item h3{font-size:17px}.text-link{color:var(--teal);font-weight:700;text-decoration:none;font-size:14px}.text-link span{margin-left:4px}.courses{background:var(--cream)}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.course-card{border-radius:15px;padding:38px;min-height:370px;background:#fff;border:1px solid transparent}.course-card.junior{background:var(--navy);color:#fff}.course-card.elementary{border-color:#d8e5df}.course-icon{font-size:29px;color:var(--gold);margin-bottom:18px}.course-level{font:600 11px Outfit,sans-serif;letter-spacing:.15em;color:var(--teal);margin-bottom:5px}.junior .course-level{color:#86c6b7}.course-card h3{font-size:28px;margin-bottom:12px}.course-card>p:not(.course-level){color:var(--muted);font-size:15px}.junior>p:not(.course-level){color:#c0d1cf}.course-card ul{padding-left:0;list-style:none;font-size:14px;margin:22px 0}.course-card li{margin:8px 0}.course-card li:before{content:'✓';color:var(--teal);margin-right:9px;font-weight:bold}.junior li:before{color:var(--gold)}.junior .text-link{color:#aee1d4}.features{background:#e8f1ed}.features-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.feature-intro{position:sticky;top:120px}.feature-intro>p:last-child{color:var(--muted)}.feature-list article{display:flex;gap:26px;padding:23px 0;border-bottom:1px solid #c8dbd4}.feature-list article:first-child{padding-top:0}.feature-list span{font:600 22px Outfit,sans-serif;color:var(--teal)}.feature-list h3{font-size:20px;margin-bottom:5px}.feature-list p{color:var(--muted);font-size:15px;margin:0}.dm-section{background:#fff}.dm-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px}.dm-copy>p:not(.eyebrow){color:var(--muted);margin-bottom:26px}.dm-placeholder{min-height:400px;display:grid;place-items:center;background:#f7f1e2;border-radius:12px;overflow:hidden;position:relative}.dm-placeholder:before,.dm-placeholder:after{content:'';position:absolute;border:1px solid #d9b969;border-radius:50%;height:400px;width:400px}.dm-placeholder:before{right:-230px;top:-220px}.dm-placeholder:after{left:-240px;bottom:-260px}.dm-paper{z-index:1;position:relative;width:230px;height:315px;background:#fcfcf8;padding:24px;color:var(--navy);box-shadow:11px 13px 0 #d5b464;transform:rotate(4deg)}.dm-paper p{font:700 15px Outfit,sans-serif;letter-spacing:.12em;color:var(--teal);line-height:1.1}.dm-paper strong{font-size:37px;line-height:1.25;display:block;margin-top:31px}.dm-paper span{display:block;margin-top:22px;color:var(--teal);font-size:14px}.dm-paper i{position:absolute;bottom:46px;right:25px;width:43px;height:43px;background:var(--gold);border-radius:50%}.dm-paper small{position:absolute;bottom:19px;font-size:10px;color:#858b84}.connect{padding:75px 0;background:var(--cream)}.connect-box{border-radius:17px;background:var(--teal);color:#fff;padding:42px 48px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}.connect .eyebrow{color:#b9e6d8}.connect h2{margin-bottom:7px}.connect-box>div>p:last-child{font-size:14px;color:#d2ece5;margin:0}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-links a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #70ada4;border-radius:8px;font-size:13px}.social-links b{width:31px;height:31px;display:grid;place-items:center;background:#fff;color:var(--teal);border-radius:50%;font:700 12px Outfit,sans-serif}.contact{padding:95px 0;background:#15353d;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact .eyebrow{color:#91cabb}.contact-lead{font-size:17px;color:#d2e2df}.contact dl{margin:31px 0;display:grid;gap:15px}.contact dl div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #42626a;padding-bottom:12px}.contact dt{color:#8eb4ac;font-size:13px}.contact dd{margin:0}.contact-note{font-size:13px;color:#a6c0bb;max-width:450px}.map-placeholder{min-height:315px;background:#234851;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.map-placeholder:before{content:'';position:absolute;inset:-10px;background:linear-gradient(45deg,transparent 46%,#315963 47%,#315963 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,#315963 47%,#315963 53%,transparent 54%);background-size:90px 90px;opacity:.65}.map-placeholder>*{position:relative}.map-placeholder span{letter-spacing:.18em;color:#a9d8cc;font:600 12px Outfit,sans-serif}.map-placeholder strong{font-size:24px;line-height:1.45;margin:13px 0}.map-placeholder small{color:#b5c9c5}.site-footer{background:#102b32;color:#b7c9c5}.site-footer .brand{color:#fff}.site-footer .brand-mark{background:#31786f}.footer-wrap{min-height:91px;font-size:12px}.footer-wrap p{margin:0}.footer-wrap>a:last-child{color:#b7c9c5;text-decoration:none}
@media(max-width:800px){.main-nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--cream);padding:18px 24px 24px;box-shadow:0 15px 20px #16333b14;align-items:flex-start;flex-direction:column;gap:16px}.main-nav.open{display:flex}.menu-button{display:block}.hero{padding:57px 0}.hero-grid,.features-grid,.dm-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.hero-visual{height:350px;max-width:470px;margin:auto;width:100%}.hero-window{transform:scale(.86)}.admission-layout{grid-template-columns:1fr 1fr}.admission-main{grid-column:span 2}.admission-item{border-top:1px solid var(--line)}.admission-item:nth-child(2){border-left:0}.feature-intro{position:static}.connect-box{grid-template-columns:1fr;padding:36px}.contact-grid{gap:43px}}@media(max-width:540px){.container{width:min(100% - 34px,1120px)}.nav-wrap{min-height:68px}.main-nav{top:68px}.brand{font-size:16px}.brand-mark{height:33px;width:33px;font-size:19px}.hero h1{font-size:37px}.hero-text{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:72px 0}.hero-visual{height:300px}.hero-window{transform:scale(.72)}.orbit-a{height:300px;width:300px}.orbit-b{height:240px;width:240px}.math-card{font-size:15px}.card-a{left:0}.card-b{right:0}.admission-layout,.course-grid,.social-links{grid-template-columns:1fr}.admission-main{grid-column:auto}.admission-item{border-left:0}.admission-item{min-height:auto;padding:24px}.course-card{padding:30px;min-height:auto}.dm-placeholder{min-height:340px}.connect-box{padding:31px 24px}.social-links a{padding:10px}.contact{padding:70px 0}.contact dl div{grid-template-columns:74px 1fr}.footer-wrap{padding:20px 0;align-items:flex-start;gap:15px;flex-direction:column}.footer-wrap p{order:3}.map-placeholder{min-height:260px}}