.school-page{--line:#e1e7ef;--line-strong:#cdd7e4;--body:#42546a;--muted:#607086;--blue-wash:#eef3ff;--green-wash:#e8f6ee;--yellow-wash:#fff6d9;overflow:clip}.school-page .program-section{isolation:isolate}.school-page .program-section:before{content:"";z-index:-1;pointer-events:none;opacity:.13;filter:blur(2px);background:50%/contain no-repeat;position:absolute}.school-page .school-section-0{--c:var(--coral)}.school-page .school-section-0:before{background-image:url(/images/home/brand-n.svg);width:300px;height:304px;top:10px;right:-90px;transform:rotate(14deg)}.school-page .school-section-2{--c:var(--green)}.school-page .school-section-2:before{background-image:url(/images/home/brand-e.svg);width:340px;height:392px;bottom:-40px;left:-150px;transform:rotate(-12deg)}.school-page .school-section-3{--c:var(--secondary)}.school-page .school-section-4{--c:var(--pink)}.school-page .school-section-5:before{background-image:url(/images/home/brand-s.svg);width:860px;height:392px;top:260px;right:-330px;transform:rotate(-6deg)}.school-page .school-section-6{--c:var(--green)}.school-page .program-section:has(.program-faq-layout){--c:var(--lavender)}.school-page .program-section:has(.program-faq-layout):before{background-image:url(/images/home/brand-e.svg);width:340px;height:392px;bottom:-30px;left:-140px;transform:rotate(10deg)}@container program (max-width:760px){.school-page .program-section:before{opacity:.1}.school-page .school-section-5:before{width:520px;right:-280px}}.school-cover{--fit:7cqi;--fit-m:15.5cqi}.school-cover .person:first-child{--oh:98%}.school-cover .person:nth-child(2){--oh:96%}.school-page .compare{background:#fff;border-radius:26px;overflow:hidden}.school-page .compare-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:0;display:grid}.school-page .compare-row:first-child{border-top:0}.school-page .compare-row>*{padding:20px 24px}.school-page .compare-row.th>*{font:800 12.5px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:#f8fafc;padding-block:16px}.school-page .compare-row.th .good{color:var(--primary);background:var(--blue-wash);font-size:12.5px;font-weight:800;line-height:1.3}.school-page .compare-row .topic{font:800 18px/1.3 var(--font-display);color:var(--navy);align-items:center;gap:12px;display:flex}.school-page .compare-row .topic i{width:34px;height:34px;font-style:normal;font:800 14px var(--font-display);background:var(--c);color:var(--ink,#fff);border-radius:50%;flex:none;place-items:center;display:grid}.school-page .compare-row .bad{color:var(--muted);font-size:16.5px;line-height:1.55}.school-page .compare-row .good{color:var(--navy);background:#1352d80a;font-size:16.5px;font-weight:600;line-height:1.55}@container program (max-width:760px){.school-page .compare-row{grid-template-columns:1fr}.school-page .compare-row.th{display:none}.school-page .compare-row>*{padding:6px 20px}.school-page .compare-row .topic{padding-top:20px}.school-page .compare-row .bad:before{content:"Tự làm: ";color:var(--muted);font-weight:800}.school-page .compare-row .good{border-radius:14px;margin:6px 12px 16px;padding:12px 14px}.school-page .compare.handover .compare-row .bad:before{content:"Wondersound: ";color:var(--navy)}.school-page .compare.handover .compare-row .good:before{content:"Trường nhận: ";color:var(--primary);font-weight:800}}.school-page .compare.handover .compare-row .bad{color:var(--navy)}.school-page .compare-row.prep{background:#f8fafc}.school-page .compare-row.prep .topic{color:var(--muted);font-size:16px}.school-page .compare-row.prep p{color:var(--body);grid-column:span 2;margin:0;font-size:16.5px;line-height:1.55}@container program (max-width:760px){.school-page .compare-row.prep p{grid-column:auto;padding-bottom:20px}}.school-page .issues-list{background:#fff;border-radius:26px;margin:0;padding:4px clamp(20px,3cqi,40px);list-style:none}.school-page .issue{border-top:1px solid var(--line);grid-template-columns:80px minmax(0,1fr) minmax(0,1.3fr);align-items:baseline;gap:20px 32px;padding:26px 0;display:grid}.school-page .issue:first-child{border-top:0}.school-page .issue b{font:800 44px/1 var(--font-display);letter-spacing:-.04em;color:var(--c)}.school-page .issue h3{font:800 22px/1.25 var(--font-display);letter-spacing:-.02em}.school-page .issue p{color:var(--body);font-size:17px;line-height:1.6}@container program (max-width:760px){.school-page .issue{grid-template-columns:52px minmax(0,1fr);gap:6px 14px;padding:20px 0}.school-page .issue b{grid-row:span 2;font-size:32px}.school-page .issue p{grid-column:2;font-size:16px}}.school-page .term{background:#fff;border-radius:26px;gap:16px;padding:clamp(22px,3cqi,36px);display:grid}.school-page .term-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.school-page .term-steps{background:#f4f6f9;border-radius:18px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.school-page .term-steps button{min-height:46px;color:var(--muted);font:800 15.5px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.school-page .term-steps button i{width:24px;height:24px;color:var(--navy);background:#e3e9f2;border-radius:50%;place-items:center;font-size:12.5px;font-style:normal;display:grid}.school-page .term-steps button[aria-selected=true]{color:var(--navy);background:#fff;box-shadow:0 1px 2px #121c2814}.school-page .term-steps button[aria-selected=true] i{background:var(--primary);color:#fff}.school-page .sample-badge{color:#8a5f00;background:var(--yellow-wash);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800}.school-page .term-body{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:24px;display:grid}.school-page .term-body .explain{gap:10px;display:grid}.school-page .term-body .explain h3{font:800 22px/1.25 var(--font-display);letter-spacing:-.02em}.school-page .term-body .explain p{color:var(--body);font-size:16.5px;line-height:1.6}.school-page .term-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:16px}.school-page .term-table th{text-align:left;font:800 12.5px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 14px}.school-page .term-table td{border-bottom:1px solid var(--line);color:var(--navy);padding:14px}.school-page .term-table td:first-child{font-weight:800}.school-page .term-table tr:last-child td{border-bottom:0}.school-page .st{background:var(--green-wash);color:#037a30;border-radius:999px;padding:4px 10px;font-size:13.5px;font-weight:800;display:inline-flex}.school-page .st.wait{background:var(--yellow-wash);color:#8a5f00}.school-page .bar{vertical-align:middle;background:#e3e9f2;border-radius:6px;width:120px;height:10px;margin-right:8px;display:inline-block;overflow:hidden}.school-page .bar i{height:100%;width:var(--p);background:var(--primary);display:block}@container program (max-width:960px){.school-page .term-body{grid-template-columns:1fr}}@container program (max-width:640px){.school-page .term-table thead{display:none}.school-page .term-table tr{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:4px 12px;padding:12px 0;display:grid}.school-page .term-table td{border:0;padding:0}.school-page .term-table td:before{content:attr(data-l);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:800;display:block}.school-page .bar{width:80px}}.school-page .path{background:#fff;border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.school-page .path-step{align-content:start;gap:10px;padding:28px;display:grid;position:relative}.school-page .path-step+.path-step{border-left:1px solid var(--line)}.school-page .path-step .n{font:800 13px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--k)}.school-page .path-step h3{font:800 24px/1.2 var(--font-display);letter-spacing:-.02em}.school-page .path-step p{color:var(--body);font-size:16.5px;line-height:1.6}.school-page .path-step img{aspect-ratio:16/9;object-fit:cover;border-radius:18px;width:100%;height:auto;margin-top:6px}@container program (max-width:960px){.school-page .path{grid-template-columns:1fr}.school-page .path-step+.path-step{border-left:0;border-top:1px solid var(--line)}}@container program (max-width:640px){.school-page .path-step{grid-template-columns:minmax(0,1fr) 96px;column-gap:16px;padding:22px 20px}.school-page .path-step>:not(img){grid-column:1}.school-page .path-step img{aspect-ratio:1;border-radius:16px;grid-area:1/2/span 3;width:96px;margin-top:0}}.school-page .flow{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));counter-reset:flow;gap:0;margin:0;padding:0;list-style:none;display:grid}.school-page .flow li{counter-increment:flow;align-content:start;gap:8px;padding:0 18px 0 0;display:grid;position:relative}.school-page .flow li:before{content:counter(flow, decimal-leading-zero);z-index:1;background:var(--primary);color:#fff;width:48px;height:48px;font:800 16px var(--font-display);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 6px #f4f6f9}.school-page .flow li:after{content:"";background:repeating-linear-gradient(90deg, var(--line-strong) 0 6px, transparent 6px 11px);height:2px;position:absolute;top:23px;left:48px;right:0}.school-page .flow li:last-child:after{display:none}.school-page .flow h3{font:800 19px/1.25 var(--font-display);letter-spacing:-.02em;margin-top:8px}.school-page .flow p{color:var(--body);font-size:16px;line-height:1.55}@container program (max-width:960px){.school-page .flow{grid-template-columns:1fr;gap:18px}.school-page .flow li{grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:0}.school-page .flow li:before{grid-row:span 2}.school-page .flow li:after{background:repeating-linear-gradient(180deg, var(--line-strong) 0 6px, transparent 6px 11px);width:2px;height:auto;inset:48px auto -18px 23px}.school-page .flow h3{margin-top:0}}.school-page .modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.school-page .mode{background:#fff;border-radius:26px;align-content:start;gap:12px;padding:26px;display:grid}.school-page .mode h3{font:800 22px/1.25 var(--font-display)}.school-page .mode .fit{flex-wrap:wrap;gap:6px;display:flex}.school-page .mode .fit span{background:var(--w);color:var(--k);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}@container program (max-width:960px){.school-page .modes{grid-template-columns:1fr}}.school-page .course-mini{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.school-page .course-mini li{text-align:center;font:800 15px var(--font-display);gap:8px;display:grid}.school-page .course-mini img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;height:auto}@container program (max-width:1080px){.school-page .course-mini{grid-template-columns:repeat(4,minmax(0,1fr))}}.school-page .school-table-scroll{overflow-x:auto}.school-page .school-handover-table{border-collapse:collapse;text-align:left;width:100%}.school-page .school-handover-table tbody tr:first-child{border-top:1px solid var(--line)}.school-page .school-photo{min-width:0;position:relative}.school-page .school-photo .program-photo-tag{bottom:8px;right:auto}@container program (max-width:640px){.school-page .path-step>.school-photo{grid-area:1/2/span 3;width:96px}.school-page .path-step .school-photo img{aspect-ratio:1;width:96px;margin-top:0}.school-page .school-photo .program-photo-tag{text-align:center;margin-top:4px;padding:2px;font-size:10px;display:block;position:static}}