*{box-sizing:border-box;margin:0;padding:0}
:root{
 --purple:#35128f;
 --purple2:#7e00d5;
 --yellow:#ffbd08;
 --orange:#ff8a00;
 --ink:#28165f;
 --muted:#716b80;
 --line:#ded7ee;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',Arial,sans-serif;color:#27233a;background:#fff;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none}
.container{width:min(1120px,92%);margin:auto}

/* NAVBAR */
.site-navbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(70,35,145,.08);box-shadow:0 5px 22px rgba(45,18,110,.06)}
.nav-container{width:min(1120px,92%);min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}
.nav-brand{width:165px}.nav-brand img{width:100%}
.nav-menu{display:flex;align-items:center;gap:7px}
.nav-menu a{position:relative;padding:10px 12px;color:#413a59;font-size:11px;font-weight:600;border-radius:20px;transition:.22s}
.nav-menu a:hover{color:#4a1aa0;background:#f5f1ff}
.nav-menu .nav-register{margin-left:7px;color:#fff;background:linear-gradient(100deg,#35128f,#8b00dc);padding:10px 20px;box-shadow:0 8px 18px rgba(55,18,135,.2)}
.nav-toggle{display:none;width:43px;height:40px;border:0;border-radius:12px;background:#f2edff;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;margin:4px auto;background:#42168f}

/* HERO */
.hero{min-height:540px;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(132,0,220,.08),transparent 24%),radial-gradient(circle at 88% 18%,rgba(255,189,8,.08),transparent 19%),linear-gradient(180deg,#fff,#fbfaff);display:flex;align-items:center}
.hero:before{content:"";position:absolute;width:600px;height:600px;right:-270px;top:-300px;border:90px solid rgba(87,24,169,.035);border-radius:50%}
.hero:after{content:"";position:absolute;width:420px;height:180px;left:-150px;bottom:-100px;border-radius:50%;background:linear-gradient(90deg,#34128f,#9000e1);opacity:.08}
.hero-inner{position:relative;z-index:2;text-align:center;padding:55px 0 65px}
.top-logo{position:absolute;right:0;top:20px;width:180px}
.top-logo img{width:100%}
.hero h1{margin-top:35px;font-size:clamp(52px,7.5vw,88px);line-height:.92;letter-spacing:-4px;font-weight:800;color:var(--purple)}
.hero h1 span{display:block}
.hero h1 b{color:var(--yellow)}
.hero h2{margin-top:22px;color:var(--purple);font-size:clamp(15px,2vw,21px);line-height:1.2;font-weight:800}
.hero h3{margin-top:10px;color:#ffae00;font-size:15px;font-style:italic}
.register-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:34px;min-width:145px;height:48px;padding:0 34px;border-radius:30px;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(100deg,#34128e,#9100df);box-shadow:0 13px 28px rgba(58,20,143,.24);transition:.25s}
.register-btn:hover{transform:translateY(-4px)}
.hero-note{margin-top:25px;color:#777386;font-size:12px}
.left-shape{position:absolute;left:-15px;bottom:95px;width:72px;height:58px;border-radius:0 15px 15px 0;background:linear-gradient(135deg,#35128f,#9100df)}

/* MAIN */
.fees-area{position:relative;background:radial-gradient(circle at 15% 10%,rgba(126,0,215,.05),transparent 22%),radial-gradient(circle at 90% 40%,rgba(255,189,8,.06),transparent 20%),#faf9fd;padding:45px 0 20px}
.fee-section{position:relative;padding:25px 0 70px;overflow:hidden}
.fee-section:before{content:"";position:absolute;left:-130px;top:100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(105,0,205,.15) 0 2px,transparent 3px);background-size:19px 19px;opacity:.55}
.fee-section:after{content:"";position:absolute;right:-160px;bottom:50px;width:360px;height:180px;border-radius:50%;background:linear-gradient(135deg,rgba(53,18,143,.14),rgba(135,0,215,.03));transform:rotate(-8deg)}
.section-heading{text-align:center;position:relative;z-index:2;margin-bottom:18px}
.section-kicker{display:inline-block;color:#7a00cf;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:7px}
.section-heading h2{display:block;width:max-content;max-width:100%;margin:auto;padding:12px 30px;border-radius:30px;color:#fff;font-size:18px;line-height:1;font-weight:800;background:linear-gradient(100deg,#35128f,#8500d7);box-shadow:0 12px 25px rgba(57,20,141,.18)}
.section-heading p{margin-top:14px;color:#44328f;font-size:11px;font-weight:600}
.section-heading strong{display:block;margin-top:2px;color:#8a83a0;font-size:10px}
.info-pills{position:relative;z-index:3;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px auto 18px}
.info-pills span{padding:7px 14px;border-radius:20px;background:#fff;border:1px solid #e4dcf3;color:#4b278e;font-size:9px;font-weight:700;box-shadow:0 5px 12px rgba(45,20,110,.06)}

.table-card{position:relative;z-index:3;width:100%;max-width:1100px;margin:auto;padding:9px;border-radius:24px;background:rgba(255,255,255,.9);border:1px solid rgba(103,61,170,.1);box-shadow:0 18px 45px rgba(55,23,125,.1);backdrop-filter:blur(10px)}
.table-scroll{overflow-x:auto;border-radius:17px}
.fee-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0;background:#fff;color:#302a40;font-size:9px;overflow:hidden}
.fee-table th,.fee-table td{border:0;border-bottom:1px solid #ddd7e9;border-right:1px solid #ddd7e9;padding:8px 6px;line-height:1.25}
.fee-table th:last-child,.fee-table td:last-child{border-right:0}
.fee-table thead th{text-align:center;font-weight:700}
.fee-table thead .no{width:42px;background:#ff8b0b;color:#fff}
.fee-table thead .payment{width:235px;background:#4c27ca;color:#fff;font-size:18px;text-align:left;padding-left:18px}
.fee-table thead .early{background:#5631ca;color:#fff}
.fee-table thead .regular{background:#7800d1;color:#fff}
.fee-table .gender-row th{font-size:8px;padding:7px 5px}
.fee-table tbody td:first-child{text-align:center;color:#6b6380;font-weight:700}
.fee-table tbody td:nth-child(n+3){text-align:right;white-space:nowrap;font-size:8.5px}
.fee-table tbody td:nth-child(2){font-weight:600;color:#39324a}
.fee-table tbody .sub{padding-left:17px;font-size:8.5px}
.fee-table tbody .group td{background:#f2effa;color:#43228f;font-weight:800}
.fee-table tbody tr:not(.group):not(.total):hover td{background:#faf8ff}
.fee-table .total td{background:linear-gradient(90deg,#f7f3ff,#fff);color:#321482;font-weight:800;font-size:9px}
.fee-table .total td:nth-child(n+3){color:#321482;font-size:9px}
.fee-table .footnote td{text-align:center!important;border-bottom:0;color:#80788f;font-size:8px!important;font-style:italic;background:#fbfaff}

/* NOTES */
.notes{width:100%;max-width:1050px;margin:28px auto 0;position:relative;z-index:4;overflow:hidden;color:#fff;border-radius:24px;background:linear-gradient(120deg,#30117e,#8200d6);box-shadow:0 18px 40px rgba(55,19,130,.18)}
.notes:before{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-100px;border:45px solid rgba(255,255,255,.055);border-radius:50%}
.notes h3{position:relative;padding:18px 24px 13px;font-size:23px;line-height:1;font-weight:800;border-bottom:1px solid rgba(255,255,255,.3)}
.notes h3 span{font-size:10px;font-weight:500;opacity:.75;margin-left:8px}
.notes ol{position:relative;list-style:none;counter-reset:item}
.notes li{counter-increment:item;display:grid;grid-template-columns:48px 1fr;align-items:center;min-height:49px;padding:10px 20px 10px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:9.5px;line-height:1.4}
.notes li:last-child{border-bottom:0}
.notes li:before{content:counter(item);width:27px;height:27px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffbd08;color:#2c147a;font-size:10px;font-weight:800}
.notes li.subnote{grid-template-columns:48px 1fr;padding-top:7px;padding-bottom:7px;font-size:9px}
.notes li.subnote:before{content:"•";font-size:15px;background:rgba(255,255,255,.16);color:#fff}

/* SCHOLARSHIP */
.scholarship-intro{padding:25px 0 35px;background:#fff}
.scholarship-banner{position:relative;overflow:hidden;min-height:285px;border-radius:0 0 32px 32px;background:linear-gradient(115deg,#2e147f,#8700d9);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}
.banner-pattern{position:absolute;right:-40px;top:0;width:340px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.5) 0 2px,transparent 3px);background-size:12px 12px;mask-image:radial-gradient(ellipse at center,black 0 35%,transparent 75%);opacity:.35}
.banner-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#d8c8ff}
.scholarship-banner h2{position:relative;margin-top:9px;font-size:clamp(38px,5vw,58px);line-height:.94;font-weight:800}
.scholarship-banner h2 b{color:#ffbd08}
.scholarship-banner p{position:relative;margin-top:16px;font-size:15px;font-weight:700}
.scholarship-banner strong{position:relative;margin-top:4px;color:#ffbd08;font-size:13px}
.scholarship-badges{position:relative;display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;justify-content:center}
.scholarship-badges span{padding:8px 14px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.09);font-size:9px;font-weight:600}
.scholarship-area{position:relative;background:#faf9fd;padding:15px 0 75px}
.scholarship-area:before{content:"";position:absolute;left:-100px;top:80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(105,0,205,.13) 0 2px,transparent 3px);background-size:18px 18px}
.program-heading{text-align:center;margin:28px auto 18px;position:relative;z-index:2}
.program-heading span{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#7d00d2}
.program-heading h2{margin-top:5px;color:#35128f;font-size:23px}
.program-heading p{margin-top:5px;color:#756d84;font-size:10px}
.second-program{margin-top:50px}
.scholarship-card{box-shadow:0 20px 50px rgba(55,23,125,.11)}

/* VALUES + FOOTER */
.values{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,#2e147f,#8500d8);border-radius:0 0 28px 28px}
.values:before{content:"";position:absolute;width:420px;height:420px;left:-230px;top:-210px;border-radius:50%;border:80px solid rgba(255,255,255,.045)}
.values-inner{min-height:360px;display:grid;grid-template-columns:62% 38%;align-items:center;position:relative;z-index:2}
.values-copy{text-align:center;padding:45px 30px 45px 0}
.mark{width:72px;height:72px;object-fit:contain;margin:0 auto 12px}
.values-copy h2{font-family:Georgia,serif;font-size:27px}
.location{font-size:12px;line-height:1.3}
.description{max-width:650px;margin:22px auto 0;text-align:left;font-size:11px;line-height:1.6}
.students{height:360px;display:flex;align-items:flex-end;justify-content:center}
.students img{height:100%;width:100%;object-fit:contain}
.footer{background:#fff;padding:22px 0 30px}
.footer-inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:35px}
.footer h4{font-size:9px;margin-bottom:8px}
.footer p{font-size:7px;color:#686373;margin:4px 0}
.footer-line{width:1px;height:70px;background:#bdb9c7}
.supported{padding-left:10px}
.partner-list{display:flex;align-items:center;gap:12px}
.partner-list img{max-width:70px;max-height:35px;object-fit:contain}

/* RESPONSIVE */
@media(max-width:900px){
 .nav-toggle{display:block}
 .nav-menu{position:absolute;left:4%;right:4%;top:72px;display:flex;flex-direction:column;align-items:stretch;padding:10px;background:rgba(255,255,255,.97);border-radius:18px;box-shadow:0 18px 40px rgba(40,18,110,.16);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.22s}
 .nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}
 .nav-menu a{text-align:center}
 .nav-menu .nav-register{margin:4px 0 0}
 .hero h1{font-size:clamp(48px,9vw,70px)}
 .fee-table{min-width:1120px}
 .values-inner{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .container{width:91%}
 .nav-container{min-height:65px}
 .nav-brand{width:135px}
 .nav-menu{top:65px}
 .hero{min-height:490px}
 .hero-inner{padding:40px 0 45px}
 .top-logo{position:relative;top:auto;right:auto;width:145px;margin:auto}
 .hero h1{margin-top:32px;font-size:43px;letter-spacing:-2px}
 .hero h2{font-size:12px;margin-top:17px}
 .hero h3{font-size:11px}
 .hero-note{font-size:9px}
 .left-shape{bottom:35px;width:52px;height:42px}
 .section-heading h2{font-size:14px;padding:10px 20px}
 .section-heading p{font-size:9px}
 .section-heading strong{font-size:8px}
 .table-card{padding:6px;border-radius:18px}
 .fee-table{min-width:1120px}
 .fee-table th,.fee-table td{padding:8px 6px}
 .fee-table thead .payment{font-size:16px}
 .notes{border-radius:18px}
 .notes h3{font-size:19px;padding:15px 18px 11px}
 .notes li{grid-template-columns:42px 1fr;font-size:8.5px;padding:9px 14px 9px 0}
 .scholarship-banner{min-height:250px;border-radius:0 0 24px 24px;padding:30px 20px}
 .scholarship-banner h2{font-size:34px}
 .scholarship-banner p{font-size:11px}
 .program-heading h2{font-size:18px}
 .program-heading p{font-size:8.5px}
 .values-inner{grid-template-columns:1fr}
 .values-copy{padding:38px 5px 10px}
 .values-copy h2{font-size:23px}
 .description{font-size:9.5px}
 .students{height:270px}
 .footer-inner{grid-template-columns:1fr;gap:17px}
 .footer-line{width:100%;height:1px}
 .supported{padding-left:0}
}