body.ncet-about-page{background:#F6F8FB}
.ncet-about-page .topnav{height:auto;min-height:79px;background:#fff}
.ncet-about-page .topnav .nav-inner{min-height:79px}
.ncet-about-page .brand img{width:125px;height:auto;max-height:67px;object-fit:contain;background:#fff}
.ncet-about-page .brand span{font-weight:800;color:#0E2455;line-height:1.2}
.ncet-about-page .navlinks .nav-action{background:#F6872A;color:#0E2455;border-radius:9px}
.ncet-about-page .navlinks .nav-action:hover{background:#FFAD67}
.about-hero{background:#F7F9FC;padding:clamp(52px,6vw,91px) 0}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
 gap:clamp(30px,6vw,78px);align-items:center}
.about-introduction .public-badge{margin:0;color:#BA5814;letter-spacing:.13em;font-size:11px;font-weight:800;
 background:transparent;border:0;padding:0;display:block}
.about-introduction h1{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em;line-height:1.08;color:#0E2455;margin:16px 0 20px}
.about-introduction h1 em{font-style:normal;color:#E9771C}
.about-introduction p:not(.public-badge){font-size:15px;color:#53647D;line-height:1.84;max-width:525px}
.about-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}
.about-actions .btn-primary{background:#F6872A;border-color:#F6872A;color:#0E2455}
.about-actions .btn-ghost{background:#fff;border:1px solid #D1DEEC;color:#0E2455}
.about-actions .btn-ghost:hover{background:#FFF5EA}
.about-photo{margin:0;position:relative}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:1.52;object-fit:cover;border-radius:17px;
 box-shadow:0 18px 44px rgba(14,36,85,.14);background:#E3ECF6}
.about-photo figcaption{position:absolute;bottom:18px;left:18px;right:18px;background:#0E2455D9;
 color:#fff;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:650}
.about-purpose{background:#fff;padding:clamp(52px,6vw,86px) 0}
.about-purpose-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
 gap:clamp(26px,6vw,75px);align-items:center}
.about-accreditation{border:1px solid #E2E8F0;border-radius:17px;padding:30px;background:#fff;
 box-shadow:0 10px 35px #0E24550C;text-align:center}
.about-accreditation>img{max-width:min(100%,350px);width:100%;height:auto;object-fit:contain}
.about-accreditation-row{display:flex;align-items:center;justify-content:center;gap:17px;border-top:1px solid #E5EAF1;
 margin-top:22px;padding-top:16px;text-align:left}
.about-accreditation-row img{width:70px;height:70px;object-fit:contain}
.about-accreditation-row strong{display:block;font-size:16px;color:#0E2455}
.about-accreditation-row small{display:block;color:#657388;font-size:11px}
.about-purpose h2,.about-steps h2{color:#0E2455;font-size:clamp(29px,3.5vw,43px);line-height:1.18;letter-spacing:-.044em;margin:15px 0 17px}
.about-purpose p{color:#52637A;font-size:14px;line-height:1.8;max-width:540px}
.about-steps{padding:clamp(51px,6vw,76px) 0;background:#F8FAFD}
.about-steps .about-lead{color:#64748B;margin-bottom:26px;font-size:14px}
.about-steps .public-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 25px;padding:0}
.about-steps .public-steps>article{background:#fff;border:1px solid #DFE7F0;border-top:3px solid #F6872A;
 border-radius:12px;padding:25px 22px;box-shadow:0 7px 24px #0E245508}
.about-steps .public-steps strong{font-size:15px;color:#0E2455}
.about-steps .public-steps p{font-size:13px;line-height:1.7;color:#53657B}
.about-steps .public-signin{display:inline-flex;border-radius:10px;color:#0E2455;background:#F6872A;
 border:1px solid #F6872A;padding:12px 17px;font-size:13px;font-weight:780;text-decoration:none}
.about-steps .public-signin:hover{background:#FFB370}
.about-footer{background:#0E2455;color:#F4F6FB;padding:25px 0}
.about-footer-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:12px}
.about-footer-row span{margin-right:auto}
.about-footer a{color:#fff;text-decoration:none}
.about-footer a:hover{color:#FFB071}
.about-footer .public-disclaimer{font-size:11px;color:#CFDAEA;margin-top:12px}
@media(max-width:760px){
 .about-hero-grid,.about-purpose-grid{grid-template-columns:minmax(0,1fr)}
 .about-hero{padding:48px 0}
 .about-photo{max-width:640px}
 .about-purpose-grid{gap:28px}
 .about-steps .public-steps{grid-template-columns:minmax(0,1fr)}
 .about-introduction h1{font-size:clamp(39px,9vw,56px)}
}
@media(max-width:390px){
 .ncet-about-page .brand img{width:93px}
 .ncet-about-page .brand small{display:none}
 .ncet-about-page .brand span{font-size:13px}
 .about-actions .btn{width:100%}
 .about-accreditation{padding:18px}
}