:root{--purple:#5c3a91;--purple-dark:#35215d;--purple-soft:#efe9f8;--gold:#b7ad11;--cream:#fbf8f2;--ink:#1f2430;--muted:#697180;--white:#fff;--line:#e7e2ee;--shadow:0 18px 45px rgba(64,43,91,.12);--radius:24px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}.container{width:min(var(--container),calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}button{font:inherit}.site-header{position:sticky;top:0;z-index:1000;box-shadow:0 1px 0 rgba(0,0,0,.06)}.top-strip{background:var(--purple-dark);color:#fff;font-size:13px}.strip-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.strip-actions{display:flex;gap:20px;align-items:center}.lang-switch{border:0;background:transparent;color:#fff;display:flex;gap:6px;cursor:pointer}.nav-wrap{background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:64px;height:64px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-family:Georgia,serif;font-size:21px;color:var(--purple)}.brand-copy small{font-size:10px;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:600}.main-nav>a,.nav-dropdown>button{padding:28px 0 26px;border:0;background:none;cursor:pointer;white-space:nowrap}.main-nav>a:hover,.nav-dropdown>button:hover{color:var(--purple)}.nav-dropdown{position:relative}.dropdown-menu{position:absolute;top:68px;left:-20px;background:#fff;min-width:230px;padding:10px;border-radius:14px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.dropdown-menu a{display:block;padding:10px 12px;border-radius:9px;font-weight:500}.dropdown-menu a:hover{background:var(--purple-soft);color:var(--purple)}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:none}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:8px}.menu-toggle span{display:block;height:2px;background:var(--purple-dark);margin:6px 0;border-radius:2px}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7f3fc 0%,#fff 52%,#f7f3fc 100%);padding:94px 0 120px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12px;letter-spacing:1.6px;color:var(--purple);text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(39px,4.6vw,64px);line-height:1.02;margin:18px 0 22px;letter-spacing:-2.5px;color:var(--purple-dark);max-width:780px}.hero h1 span{color:var(--purple)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:800;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 12px 28px rgba(92,58,145,.25)}.btn-light{background:#fff;color:var(--purple-dark);border:1px solid var(--line)}.btn-outline{border:1px solid rgba(92,58,145,.3);color:var(--purple);background:#fff}.btn-white{background:#fff;color:var(--purple-dark)}.hero-proof{display:flex;gap:36px;margin-top:30px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:24px;color:var(--purple-dark)}.hero-proof span{font-size:12px;color:var(--muted)}.hero-visual{min-height:500px;position:relative}.visual-card{background:#fff;border:1px solid rgba(92,58,145,.12);box-shadow:var(--shadow)}.main-card{position:absolute;width:330px;height:380px;border-radius:34px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(2deg);padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#fff,#f4effb)}.mini-logo{width:155px;height:155px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.08);margin-bottom:20px;overflow:hidden}.mini-logo img{width:100%;height:100%;object-fit:contain}.pill{font-size:10px;font-weight:900;letter-spacing:1.2px;background:var(--purple-soft);color:var(--purple);padding:6px 10px;border-radius:99px}.main-card h3{font-family:Georgia,serif;font-size:34px;color:var(--purple);margin:14px 0 2px}.main-card p{margin:0;color:var(--muted);font-size:13px}.float-card{position:absolute;padding:14px 18px;border-radius:18px;display:flex;gap:12px;align-items:center;min-width:195px;z-index:3}.float-card>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--purple);color:#fff;font-weight:900}.float-card div{display:flex;flex-direction:column}.float-card strong{font-size:14px}.float-card small{font-size:11px;color:var(--muted)}.card-lms{left:0;top:78px}.card-test{right:0;bottom:78px}.visual-dots{position:absolute;width:140px;height:140px;right:2px;top:24px;background-image:radial-gradient(var(--gold) 1.5px,transparent 1.5px);background-size:14px 14px;opacity:.4}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:520px;height:520px;background:rgba(92,58,145,.08);right:-180px;top:-150px}.orb-b{width:220px;height:220px;background:rgba(183,173,17,.08);left:-80px;bottom:-70px}.hero-wave{position:absolute;left:0;right:0;bottom:-1px;height:50px;background:#fff;clip-path:polygon(0 62%,100% 0,100% 100%,0 100%)}
.section{padding:90px 0}.section-soft{background:var(--cream)}.two-col{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end}.section-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-1.4px;margin:13px 0 18px;color:var(--purple-dark)}.section-heading p{color:var(--muted);max-width:700px}.centered{text-align:center;max-width:760px;margin:0 auto 45px}.centered .eyebrow:before{display:none}.about-highlight{display:flex;gap:18px;align-items:center;background:var(--purple-dark);color:#fff;padding:28px;border-radius:22px}.big-number{font-size:52px;font-weight:900;color:#fff}.about-highlight strong{font-size:18px}.about-highlight p{font-size:13px;margin:4px 0 0;color:#d9d0e9}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;margin-top:62px}.timeline-line{position:absolute;left:7%;right:7%;top:49px;height:2px;background:linear-gradient(90deg,var(--purple),var(--gold))}.timeline article{position:relative;text-align:center}.year{font-size:11px;color:var(--purple);font-weight:900;letter-spacing:1px}.timeline-icon{width:58px;height:58px;border-radius:50%;background:#fff;border:2px solid var(--purple);display:grid;place-items:center;margin:10px auto 16px;color:var(--purple);font-weight:900;position:relative;z-index:2}.timeline h3{margin:0 0 6px;font-size:17px}.timeline p{margin:0;color:var(--muted);font-size:13px}.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info-card{background:#fff;padding:26px;border-radius:20px;border:1px solid #eee8f5;transition:.25s}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.info-card .icon{width:48px;height:48px;border-radius:14px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-weight:900}.info-card h3{font-size:17px;margin:18px 0 8px}.info-card p{font-size:14px;color:var(--muted);margin:0}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.split-heading h2{margin-bottom:0}.text-link{font-weight:800;color:var(--purple);white-space:nowrap}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.course-visual{height:160px;display:grid;place-items:center;background:linear-gradient(135deg,#f4effa,#e5dcf1);font-weight:900;font-size:34px;color:var(--purple)}.course-visual.kids{background:linear-gradient(135deg,#fff3d7,#f0e6fc)}.course-visual.middle{background:linear-gradient(135deg,#e8f5ff,#ece7fb)}.course-visual.high{background:linear-gradient(135deg,#eef6ed,#ece7fb)}.course-visual.ielts{background:linear-gradient(135deg,#5c3a91,#2d1c51);color:#fff}.course-body{padding:22px}.course-body small{font-size:10px;font-weight:900;letter-spacing:1.4px;color:var(--gold)}.course-body h3{margin:5px 0 10px;font-size:19px}.course-body p{font-size:13px;color:var(--muted);min-height:66px}.course-body a{font-size:13px;font-weight:800;color:var(--purple)}.featured{border-color:rgba(92,58,145,.35)}.tuition-band{padding:0}.tuition-inner{background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border-radius:28px;padding:44px 50px;display:flex;justify-content:space-between;align-items:center;gap:40px}.tuition-inner .eyebrow{color:#e8df7a}.tuition-inner h2{font-size:32px;margin:8px 0}.tuition-inner p{color:#ded6eb;max-width:720px;margin:0}.ielts-hub{background:#fff}.ielts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ielts-card{border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 14px 36px rgba(42,31,60,.06)}.ielts-top{display:flex;justify-content:space-between;align-items:center}.system-icon{width:52px;height:52px;border-radius:16px;background:var(--purple-soft);display:grid;place-items:center;color:var(--purple);font-weight:900}.status{font-size:10px;font-weight:900;letter-spacing:1.2px;color:var(--gold)}.ielts-card h3{font-size:28px;color:var(--purple-dark);margin:20px 0 8px}.ielts-card p{color:var(--muted)}.skill-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}.skill-pills span{font-size:11px;background:#f6f2fb;color:var(--purple);padding:8px 10px;border-radius:99px;font-weight:800}.ielts-card.dark{background:linear-gradient(150deg,#3b2666,#241742);color:#fff}.ielts-card.dark h3{color:#fff}.ielts-card.dark p{color:#d7cce8}.ielts-card.dark .system-icon{background:rgba(255,255,255,.12);color:#fff}.mock-window{margin:20px 0 28px;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px;background:rgba(255,255,255,.06)}.mock-window>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a797c3;margin-right:4px}.mock-window div{padding:18px;text-align:center;font-weight:900}.mock-window small{font-size:24px;color:#e9df78}.teacher-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.teacher-toggle{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:13px;font-weight:700}.switch{position:relative;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#c8c1d2;border-radius:20px;cursor:pointer}.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--purple)}.switch input:checked+.slider:before{transform:translateX(22px)}.teacher-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.teacher-cards article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column}.teacher-avatar{height:150px;border-radius:14px;background:linear-gradient(135deg,#eae3f5,#f9f7fb);display:grid;place-items:center;margin-bottom:14px;overflow:hidden}.teacher-avatar span{font-size:34px;font-weight:900;color:var(--purple);opacity:.55}.teacher-cards strong{font-size:15px}.teacher-cards small{color:var(--muted);font-size:12px}.teacher-more{align-items:center!important;justify-content:center;min-height:215px;background:var(--purple)!important;color:#fff}.teacher-more strong{font-size:42px}.teacher-more span{font-size:12px}.teacher-cards.no-photos .teacher-avatar{height:70px}.admissions-card{background:linear-gradient(135deg,#faf7ff,#f3edf9);border:1px solid #e7dff1;border-radius:30px;padding:48px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.admissions-copy h2{font-size:40px;color:var(--purple-dark);margin:10px 0}.admissions-copy p{color:var(--muted);max-width:650px}.admissions-copy .btn{margin-top:14px}.admissions-visual{display:grid;place-items:center}.calendar{width:210px;height:210px;border-radius:42px;background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(4deg)}.calendar span{font-size:10px;background:var(--gold);padding:5px 9px;border-radius:99px;font-weight:900}.calendar strong{font-size:42px;color:var(--purple);line-height:1.1;margin-top:12px}.calendar small{color:var(--muted)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.news-tag{display:inline-block;background:var(--purple-soft);color:var(--purple);font-size:10px;font-weight:900;border-radius:99px;padding:6px 9px}.news-card small{display:block;color:var(--muted);margin:16px 0 4px}.news-card h3{margin:0 0 10px;font-size:19px}.news-card p{color:var(--muted);font-size:13px}.news-card a{font-size:13px;font-weight:800;color:var(--purple)}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:28px;padding:42px;background:#fff;box-shadow:0 14px 42px rgba(48,34,68,.07)}.contact-card h2{font-size:36px;margin:8px 0}.contact-card p{color:var(--muted);margin:0}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.news-ticker{position:fixed;right:0;top:44%;z-index:500;width:190px;background:#fff;border-radius:16px 0 0 16px;box-shadow:0 12px 36px rgba(44,31,61,.16);overflow:hidden}.ticker-title{background:var(--purple);color:#fff;font-size:11px;font-weight:900;letter-spacing:1px;padding:8px 12px}.ticker-window{height:155px;overflow:hidden}.ticker-list{animation:ticker 18s linear infinite}.ticker-window:hover .ticker-list{animation-play-state:paused}.ticker-list a{display:block;padding:11px 12px;border-bottom:1px solid #eee}.ticker-list strong{display:block;color:var(--purple);font-size:10px}.ticker-list span{font-size:11px;line-height:1.25;display:block}.zalo-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#0b8ff8;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 12px 28px rgba(0,117,211,.28);z-index:900}.back-top{position:fixed;right:92px;bottom:30px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--purple);opacity:0;visibility:hidden;cursor:pointer;z-index:800}.back-top.show{opacity:1;visibility:visible}.footer{background:#211536;color:#d9d2e3;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:80px;height:80px;border-radius:50%;object-fit:contain;background:#fff}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-family:Georgia,serif;font-size:23px;color:#fff}.footer-brand span{font-size:11px;color:#bcaed1}.footer h4{color:#fff;margin:0 0 14px}.footer a,.footer div>span{display:block;font-size:13px;margin:7px 0;color:#c4bad3}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#9285a6}.reveal{opacity:0;transform:translateY(20px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}@keyframes ticker{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@media(max-width:1180px){.main-nav{gap:12px;font-size:13px}.brand-copy{display:none}.news-ticker{display:none}.course-grid{grid-template-columns:repeat(2,1fr)}.strength-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.top-strip{display:none}.nav-inner{height:72px}.brand img{width:56px;height:56px}.brand-copy{display:flex}.menu-toggle{display:block}.main-nav{position:absolute;left:20px;right:20px;top:70px;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:15px;border-radius:16px;box-shadow:var(--shadow);max-height:75vh;overflow:auto}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown>button{padding:11px 10px;text-align:left;width:100%}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 14px;display:none}.nav-dropdown.open .dropdown-menu{display:block}.hero{padding:66px 0 90px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-visual{min-height:400px}.two-col,.teacher-grid{grid-template-columns:1fr;gap:34px}.timeline{grid-template-columns:repeat(2,1fr)}.timeline-line{display:none}.ielts-grid{grid-template-columns:1fr}.admissions-card{grid-template-columns:1fr}.admissions-visual{margin-top:30px}.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-card{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--container))}.brand-copy strong{font-size:18px}.hero h1{font-size:38px;letter-spacing:-1.4px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{gap:18px;justify-content:space-between}.hero-proof strong{font-size:21px}.hero-visual{min-height:320px}.main-card{width:230px;height:270px;border-radius:26px;padding:20px}.mini-logo{width:110px;height:110px}.main-card h3{font-size:26px}.float-card{min-width:150px;padding:10px 12px}.float-card>span{width:34px;height:34px}.float-card strong{font-size:12px}.float-card small{font-size:9px}.card-lms{left:-2px;top:35px}.card-test{right:-2px;bottom:36px}.section{padding:64px 0}.section-heading h2{font-size:34px}.about-highlight{padding:20px}.big-number{font-size:42px}.timeline{grid-template-columns:1fr 1fr;gap:28px 12px}.strength-grid,.course-grid{grid-template-columns:1fr}.split-heading{align-items:flex-start;flex-direction:column}.tuition-inner{padding:30px 24px;border-radius:0;flex-direction:column;align-items:flex-start}.teacher-cards{grid-template-columns:1fr 1fr}.teacher-avatar{height:110px}.admissions-card{padding:30px 24px}.admissions-copy h2{font-size:32px}.calendar{width:160px;height:160px}.calendar strong{font-size:32px}.contact-card{padding:28px 22px}.contact-actions,.contact-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:4px}.zalo-float{right:16px;bottom:16px}.back-top{right:82px;bottom:23px}}

.honors-section{background:linear-gradient(180deg,#fff 0%,#faf7ff 100%)}.honors-section .section-heading p{max-width:760px;margin:12px auto 0;color:var(--muted)}.honors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.honor-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center;box-shadow:0 14px 34px rgba(44,31,61,.06);transition:.25s ease}.honor-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(44,31,61,.11)}.honor-badge{width:74px;height:74px;border-radius:22px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;display:grid;place-items:center;margin:0 auto 18px;font-weight:900;font-size:18px;box-shadow:0 10px 24px rgba(92,58,145,.22)}.honor-card small{font-size:10px;font-weight:900;letter-spacing:1.2px;color:var(--gold)}.honor-card h3{margin:8px 0 10px;color:var(--purple-dark);font-size:20px}.honor-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:920px){.honors-grid{grid-template-columns:1fr}}

/* Ghi chú thông tin tại thẻ khóa học IELTS */
.ielts-disclaimer {
  margin: 10px 0 16px;
  font-size: 0.78rem !important;
  line-height: 1.55;
  color: #6f6b78 !important;
}
.ielts-disclaimer strong {
  color: #5d3b90;
}

/* Teacher illustration icon */
.teacher-icon{font-size:1.65rem;line-height:1;display:flex;align-items:center;justify-content:center}