:root{
  --navy:#0b2a55;--navy-2:#061a37;--blue:#1769e0;--blue-2:#2f80ed;--cyan:#00a9c7;
  --orange:#ff8a24;--green:#16a36a;--purple:#7656d8;--red:#e64b55;--ink:#13233a;--muted:#637187;
  --line:#e2e8f1;--surface:#fff;--surface-2:#f5f8fc;--shadow:0 18px 50px rgba(10,42,85,.11);
  --shadow-sm:0 8px 24px rgba(10,42,85,.08);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--blue);transition:.22s ease}a:hover,a:focus{text-decoration:none;color:var(--navy)}
img{max-width:100%;height:auto}.page-wrapper{min-height:50vh;background:#fff}.auto-container{position:relative;max-width:1200px;padding:0 20px;margin:0 auto}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}
::selection{background:var(--blue);color:#fff}

/* Header */
.site-header{position:relative;z-index:1000;background:#fff;box-shadow:0 8px 28px rgba(9,37,74,.08)}
.site-topbar{background:linear-gradient(90deg,var(--navy-2),var(--navy));color:#fff;font-size:12.5px}
.site-topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.site-announcement,.site-top-links{display:flex;align-items:center;gap:10px}.site-announcement span:last-child{opacity:.78}
.site-live-dot{width:8px;height:8px;border-radius:50%;background:#42e18b;box-shadow:0 0 0 5px rgba(66,225,139,.14);animation:sitePulse 1.7s infinite}
@keyframes sitePulse{50%{box-shadow:0 0 0 9px rgba(66,225,139,0)}}
.site-top-links{gap:2px}.site-top-links a{color:#dbe8fa;padding:7px 10px;border-left:1px solid rgba(255,255,255,.1)}.site-top-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.site-brandbar{background:#fff}.site-brandbar-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-brand{display:flex;align-items:center;gap:14px;min-width:0}.site-logo-shell{width:72px;height:72px;display:grid;place-items:center;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;flex:none}.site-logo-shell img{max-width:64px;max-height:64px;object-fit:contain}.site-logo-shell.logo-fallback:before{content:"EDU";font-size:18px;font-weight:900;color:var(--blue)}
.site-brand-copy{display:flex;flex-direction:column;min-width:0}.site-brand-copy strong{font-size:clamp(18px,2vw,28px);line-height:1.15;color:var(--navy);letter-spacing:-.5px;max-width:644px}.site-brand-copy small{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--blue);font-weight:800;margin-top:6px}
.site-contact-strip{display:flex;align-items:center;gap:14px}.site-contact-strip>a{display:flex;align-items:center;gap:10px;color:var(--ink);padding:8px 12px;border-radius:12px}.site-contact-strip>a:hover{background:var(--surface-2)}.site-contact-strip .contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:var(--blue);font-size:17px}.site-contact-strip span:last-child{display:flex;flex-direction:column}.site-contact-strip small{font-size:11px;color:var(--muted);line-height:1.2}.site-contact-strip strong{font-size:13px;color:var(--navy);white-space:nowrap}
.site-navbar-wrap{background:#fff;border-top:1px solid #edf1f6;border-bottom:1px solid #e9eef5}.site-navbar-inner{display:flex;align-items:stretch;justify-content:space-between;gap:15px}.site-navbar{flex:1}.site-nav-list{display:flex;align-items:stretch;list-style:none;padding:0;margin:0}.site-nav-list>li{position:relative}.site-nav-list>li>a{height:58px;display:flex;align-items:center;gap:6px;padding:0 14px;color:#263b55;font-size:13.5px;font-weight:800;white-space:nowrap}.site-nav-list>li>a:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--blue);transform:scaleX(0);transition:.22s}.site-nav-list>li:hover>a,.site-nav-list>li.active>a{color:var(--blue)}.site-nav-list>li:hover>a:after,.site-nav-list>li.active>a:after{transform:scaleX(1)}.nav-caret{margin-left:2px;font-size:12px}
.site-dropdown{position:absolute;top:calc(100% + 1px);left:0;width:250px;max-height:430px;overflow:auto;padding:9px;margin:0;list-style:none;background:#fff;border:1px solid #e8edf4;border-radius:0 0 14px 14px;box-shadow:0 20px 45px rgba(8,35,70,.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;z-index:20}.site-nav-list>li:hover>.site-dropdown{opacity:1;visibility:visible;transform:none}.site-dropdown li a{display:flex;padding:10px 12px;border-radius:9px;color:#3a4b61;font-size:13px;font-weight:700;border-bottom:1px solid #f1f4f8}.site-dropdown li:last-child a{border-bottom:0}.site-dropdown li a:hover{background:#eef5ff;color:var(--blue);padding-left:16px}
.site-apply-btn{align-self:center;display:inline-flex;align-items:center;gap:8px;color:#fff!important;background:linear-gradient(135deg,var(--blue),#0e57c4);padding:11px 17px;border-radius:11px;font-weight:850;font-size:13px;box-shadow:0 8px 22px rgba(23,105,224,.25)}.site-apply-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(23,105,224,.3)}
.site-menu-toggle,.mobile-nav-head,.site-nav-backdrop{display:none}
.site-header.is-sticky .site-navbar-wrap{position:fixed;top:0;left:0;right:0;box-shadow:0 10px 30px rgba(8,35,70,.13);animation:slideDown .25s ease}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:none}}

/* Hero */
.site-hero{position:relative;background:var(--navy);overflow:hidden}.site-hero-slides{position:relative;height:clamp(430px,50vw,650px)}.site-hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .75s ease,transform 5.5s ease}.site-hero-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.hero-fallback{background:radial-gradient(circle at 80% 20%,#2788ef 0,transparent 35%),linear-gradient(125deg,#061a37,#0b3975 55%,#1769e0)}.site-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,39,.89) 0%,rgba(5,29,61,.74) 48%,rgba(4,20,42,.18) 100%)}.site-hero-content{position:relative;z-index:2;height:100%;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;color:#fff;max-width:1200px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.11);backdrop-filter:blur(10px);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;margin-bottom:17px}.hero-kicker i{color:#ffd65a}.site-hero h1{color:#fff;font-size:clamp(34px,5vw,64px);line-height:1.08;letter-spacing:-1.6px;max-width:800px;margin:0 0 16px;font-weight:900;text-shadow:0 4px 24px rgba(0,0,0,.2)}.site-hero p{font-size:clamp(15px,1.7vw,19px);line-height:1.65;max-width:650px;color:#e7f0fc;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:12px;font-weight:850;font-size:14px}.hero-btn-primary{background:linear-gradient(135deg,#ff9e36,var(--orange));color:#fff;box-shadow:0 12px 28px rgba(255,138,36,.27)}.hero-btn-primary:hover{color:#fff;transform:translateY(-2px)}.hero-btn-light{background:#fff;color:var(--navy)}.hero-btn-light:hover{background:#edf5ff;color:var(--blue)}.site-hero-controls{position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px}.hero-prev,.hero-next{width:38px;height:38px;border:1px solid rgba(255,255,255,.27);border-radius:50%;background:rgba(3,22,47,.45);color:#fff}.hero-dots{display:flex;gap:6px}.hero-dot{width:9px;height:9px;border:0;border-radius:999px;background:rgba(255,255,255,.55);padding:0;transition:.2s}.hero-dot.is-active{width:25px;background:#fff}

/* Quick actions */
.home-quick-actions{position:relative;z-index:5;margin-top:-34px;padding-bottom:18px}.quick-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;border:1px solid rgba(221,229,240,.8);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.quick-action-grid>a{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:11px;padding:13px 14px;border-radius:14px;color:var(--ink);border:1px solid #edf1f6;background:#fff}.quick-action-grid>a:hover{transform:translateY(-2px);border-color:#cfe0f7;box-shadow:var(--shadow-sm)}.qa-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:18px}.qa-blue{background:linear-gradient(135deg,#237be7,#1558c4)}.qa-green{background:linear-gradient(135deg,#20bb7d,#0e8d5a)}.qa-purple{background:linear-gradient(135deg,#8b6ce5,#6646c4)}.qa-orange{background:linear-gradient(135deg,#ffab45,#ed7c16)}.qa-cyan{background:linear-gradient(135deg,#17bfd2,#058da6)}.qa-red{background:linear-gradient(135deg,#ef6971,#d94350)}.quick-action-grid span:nth-child(2){display:flex;flex-direction:column;min-width:0}.quick-action-grid small{font-size:11px;color:var(--muted)}.quick-action-grid strong{font-size:13.5px;color:var(--navy);line-height:1.35}.quick-action-grid>a>i{color:#9aacc0}

/* Sections */
.modern-about-section,.home-live-section,.modern-programmes,.latest-news,.training-programs,.about-section,.contact-section{padding:70px 0}.modern-about-section{background:#fff}.modern-about-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:62px;align-items:center}.about-image-frame{position:relative;min-height:430px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#dcecff,#f4f8fd);box-shadow:var(--shadow)}.about-image-frame:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.75);border-radius:18px;z-index:2;pointer-events:none}.about-image-frame>img{width:100%;height:100%;min-height:430px;object-fit:cover}.about-badge{position:absolute;z-index:3;left:24px;bottom:24px;right:24px;display:grid;grid-template-columns:52px 1fr;column-gap:12px;align-items:center;padding:16px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(9,36,72,.18);backdrop-filter:blur(8px)}.about-badge i{grid-row:1/3;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);font-size:22px}.about-badge strong{font-size:16px;color:var(--navy);line-height:1.2}.about-badge small{color:var(--muted)}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:1.45px;font-size:11px;margin-bottom:10px}.section-eyebrow:before{content:"";width:24px;height:3px;border-radius:4px;background:var(--orange)}.modern-about-copy h2,.section-heading-modern h2,.sec-title-two h2,.sec-title-one h2{font-size:clamp(28px,3.5vw,43px)!important;line-height:1.18!important;letter-spacing:-.7px;color:var(--navy)!important;margin:0 0 16px!important;font-weight:900!important}.about-rich-text{color:#56667a;font-size:15.5px}.about-rich-text p{margin:0 0 12px}.about-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:24px 0}.about-feature-grid span{display:flex;align-items:center;gap:8px;color:#34485f;font-weight:750}.about-feature-grid i{color:var(--green)}.modern-link-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:11px;background:var(--navy);color:#fff;font-weight:850}.modern-link-btn:hover{color:#fff;background:var(--blue)}
.section-heading-modern{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading-modern p{max-width:500px;color:var(--muted);margin:0}.section-heading-modern.centered{display:block;text-align:center;max-width:760px;margin:0 auto 34px}.section-heading-modern.centered .section-eyebrow{justify-content:center}.section-heading-modern.centered p{margin:0 auto}
.home-live-section{background:linear-gradient(180deg,#f4f8fd,#fff)}.live-panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.live-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden}.live-panel-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafcff)}.live-panel-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:18px}.student-icon{background:linear-gradient(135deg,var(--blue),#144fa9)}.news-icon{background:linear-gradient(135deg,var(--orange),#db6e0b)}.live-panel-head>div{flex:1}.live-panel-head small{color:var(--muted);font-size:11px}.live-panel-head h3{margin:0;color:var(--navy);font-size:17px;font-weight:900}.live-pill{padding:5px 9px;border-radius:999px;background:#e9f8f1;color:var(--green);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.8px}.live-scroll-list{height:390px;overflow-y:auto;padding:10px 14px 14px;scrollbar-width:thin;scrollbar-color:#c8d5e5 transparent}.student-mini-card,.news-mini-card{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #edf1f6}.student-mini-card:last-child,.news-mini-card:last-child{border-bottom:0}.student-mini-card img{width:50px;height:50px;object-fit:cover;border-radius:14px;background:#eef3f9;border:1px solid #dde5ef}.student-mini-card span{display:flex;flex:1;min-width:0;flex-direction:column}.student-mini-card strong{color:#263b55;font-size:13.5px}.student-mini-card small{color:var(--muted);font-size:11.5px}.student-mini-card>i{color:var(--green)}.news-mini-card{align-items:flex-start}.news-number{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff3e7;color:#dd7217;font-size:11px;font-weight:900}.news-mini-card>div{flex:1;color:#4f5f72;font-size:13px;line-height:1.55}.news-mini-card>i{color:#a7b5c6;margin-top:9px}.empty-state{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state i{font-size:30px;color:#9cb3d1}
.modern-programmes{background:#fff}.programme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.programme-card{display:block;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--ink)}.programme-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);color:var(--ink)}.programme-image{position:relative;height:220px;overflow:hidden;background:#e8eef6}.programme-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.programme-card:hover .programme-image img{transform:scale(1.07)}.programme-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(4,23,49,.68))}.programme-arrow{position:absolute;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 8px 20px rgba(0,0,0,.13)}.programme-content{padding:18px}.programme-content>span{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:900;color:var(--blue)}.programme-content h3{font-size:18px;color:var(--navy);font-weight:900;margin:4px 0 9px}.programme-content small{color:var(--muted);font-weight:750}

/* Existing page modernization */
.page-title{position:relative!important;padding:55px 0!important;background-position:center!important;background-size:cover!important;background-color:var(--navy)!important;overflow:hidden}.page-title:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(5,24,51,.96),rgba(16,75,142,.84),rgba(23,105,224,.62))}.page-title:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-110px;top:-220px;border:70px solid rgba(255,255,255,.06)}.page-title .auto-container{z-index:2}.page-title h1{color:#fff!important;font-size:clamp(28px,4vw,42px)!important;font-weight:900!important;line-height:1.15!important;margin:0!important}.page-title .row{display:flex;align-items:center}.bread-crumb{display:flex!important;justify-content:flex-end;align-items:center;gap:8px;margin:0!important;padding:0!important;list-style:none}.bread-crumb li,.bread-crumb a{color:#dbe9fb!important;font-size:13px!important}.bread-crumb li+li:before{content:"/";margin-right:8px;opacity:.5}.bread-crumb .active{color:#fff!important;font-weight:800}
.about-section{background:#f7f9fc!important}.about-section>.auto-container,.contact-section>.auto-container,.latest-news>.auto-container{position:relative}.about-content-box,.content-bg,.login.content-bg,.contact-form,.contacts-box{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow-sm)!important;padding:28px!important;overflow:hidden}.about-content-box .text{color:#4f6074!important;font-size:15px!important;line-height:1.8!important}.about-content-box .text img{border-radius:14px;max-width:100%!important;height:auto!important}
.sec-title-one,.sec-title-two,.sec-title-three{margin-bottom:24px!important}.sec-title-two{text-align:center}.sec-title-two .text{color:var(--muted)!important}.sec-title-three h2{color:inherit}
.form-group{margin-bottom:17px!important}label,lable,.form-group>strong{display:block;color:#34485f!important;font-size:12.5px!important;font-weight:850!important;margin-bottom:6px!important}.form-control,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=file],select,textarea{width:100%;min-height:46px;padding:10px 13px!important;border:1px solid #d8e1ec!important;border-radius:10px!important;background:#fff!important;color:#26384e!important;box-shadow:none!important;outline:0;transition:.2s;font-size:14px!important}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#78aef3!important;box-shadow:0 0 0 4px rgba(23,105,224,.1)!important}textarea{min-height:120px;resize:vertical}.btn,input.btn,button.btn,.theme-btn,.btn-style-one,.btn-style-two{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 18px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--blue),#1258bd)!important;color:#fff!important;font-weight:850!important;box-shadow:0 8px 20px rgba(23,105,224,.18)!important;text-transform:none!important;letter-spacing:0!important}.btn:hover,.theme-btn:hover{transform:translateY(-1px);color:#fff!important}.btn-success{background:linear-gradient(135deg,#20b97b,#108a59)!important}.btn-danger{background:linear-gradient(135deg,#ef6670,#cf3441)!important}.btn-warning{background:linear-gradient(135deg,#ffad4c,#e47711)!important}.headerTitle{margin:12px 0 8px;padding:11px 14px!important;border-radius:10px;background:#edf5ff;color:var(--navy)!important}.headerTitle strong{color:var(--navy)!important}.login.content-bg{max-width:520px;margin:0 auto!important;padding:27px!important}.login.content-bg h3{color:var(--navy)!important;font-weight:900!important;margin:0 0 22px!important}.login.content-bg form{padding:0 15px 15px!important}.login.content-bg .row{margin:0!important}.login.content-bg center{text-align:left}.login.content-bg h3{text-align:center}
.table-responsive{border:0!important}.table{width:100%!important;background:#fff;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--line)!important;border-radius:13px;overflow:hidden;box-shadow:var(--shadow-sm)}.table>thead>tr>th,.table th{background:var(--navy)!important;color:#fff!important;border:0!important;padding:13px!important;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.table>tbody>tr>td,.table td{padding:12px!important;border-top:1px solid #edf1f5!important;color:#415267!important;vertical-align:middle!important}.table-striped>tbody>tr:nth-of-type(odd){background:#f8fafd!important}.table>tbody>tr:hover{background:#eef5ff!important}
.news-block{margin-bottom:24px}.news-block .inner-box{height:100%;border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden;background:#fff!important;box-shadow:var(--shadow-sm)!important;transition:.25s}.news-block .inner-box:hover{transform:translateY(-5px);box-shadow:var(--shadow)!important}.news-block .image-box{position:relative;overflow:hidden!important;background:#e9eff7;margin:0!important}.news-block .image-box img{width:100%!important;height:230px!important;object-fit:cover!important}.news-block iframe{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;border:0}.news-block .lower-content{padding:16px 18px!important;background:#fff!important}.news-block h3{font-size:17px!important;line-height:1.35!important;margin:0!important}.news-block h3 a{color:var(--navy)!important;font-weight:900!important}.overlay-box{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:rgba(6,30,64,.54)!important;opacity:0;transition:.25s}.news-block:hover .overlay-box{opacity:1}.overlay-box a{width:50px;height:50px;display:grid!important;place-items:center;border-radius:50%;background:#fff;color:var(--blue)!important}
.contact-section .info-box{margin-bottom:15px}.contact-section .info-box .inner-box{padding:18px!important;border:1px solid var(--line);border-radius:14px;background:#f9fbfe}.contact-section .info-box h3{color:var(--navy)!important;font-weight:900!important}.contact-section .icon-box{color:var(--blue)!important}.map-section-two{display:none}
.floating-box{border-radius:18px!important;overflow:hidden!important;box-shadow:var(--shadow-sm)!important;background:#fff!important;border:1px solid var(--line)!important}.floating-box>div{background:#fff!important}.floating-box table{background:#fff!important}.floating-box td{border-color:#e0e6ee!important}
.pagination>li>a,.pagination>li>span{border-radius:8px!important;margin:0 3px;border-color:#dbe3ed;color:var(--blue)}

/* Testimonials/sponsors/footer */
.testimonial-section{padding:70px 0!important;background:linear-gradient(120deg,var(--navy-2),var(--navy))!important;background-image:none!important}.testimonial-section .sec-title-three h2{color:#fff!important;font-size:30px!important;font-weight:900!important}.testimonial-block .inner-box{background:#fff!important;border-radius:18px!important;padding:25px!important;box-shadow:0 14px 34px rgba(0,0,0,.12)!important}.testimonial-block .author-image img{border-radius:50%!important;object-fit:cover}.testimonial-block .text{color:#536478!important}.testimonial-block h4{color:var(--navy)!important}.modern-sponsors{padding:30px 0;background:#fff;border-top:1px solid var(--line)}.sponsor-label{text-align:center;margin-bottom:16px}.sponsor-label span{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:900;color:var(--muted)}.sponsor-track{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.sponsor-logo{width:150px;height:84px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px;filter:grayscale(1);opacity:.75;transition:.2s}.sponsor-logo:hover{filter:none;opacity:1;box-shadow:var(--shadow-sm)}.sponsor-logo img{max-height:62px;object-fit:contain}
.site-footer{position:relative;background:linear-gradient(135deg,#06162f,#0a2c59);color:#b8c8dd;padding:70px 0 0;overflow:hidden}.site-footer:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-250px;top:-280px;border:90px solid rgba(255,255,255,.025)}.site-footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:38px;position:relative;z-index:2}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff!important;margin-bottom:17px}.footer-logo{width:58px;height:58px;display:grid;place-items:center;border-radius:14px;background:#fff;padding:6px}.footer-logo img{max-height:48px;object-fit:contain}.footer-brand strong{font-size:18px;line-height:1.25}.site-footer p{color:#aebfd4;line-height:1.75}.footer-contact-list{display:flex;flex-direction:column;gap:9px;margin-top:18px}.footer-contact-list a,.footer-contact-list span{display:flex;gap:10px;color:#c9d6e7!important;align-items:flex-start}.footer-contact-list i{width:17px;color:#56a4ff;margin-top:5px}.site-footer h3{color:#fff;font-size:16px;font-weight:900;margin:0 0 18px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:0 0 9px}.footer-links a{color:#b8c8dd}.footer-links a:before{content:"›";color:#5aa7ff;margin-right:8px}.footer-links a:hover{color:#fff;padding-left:3px}.footer-action-card{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.06)}.footer-action-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(83,164,255,.16);color:#70b4ff;font-size:20px;margin-bottom:13px}.footer-action-card p{font-size:13px}.footer-primary-btn{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:10px;background:#fff;color:var(--navy)!important;font-weight:850}.footer-app-link{display:block;margin-top:12px;color:#cce0f6!important;font-size:13px}.site-footer-bottom{position:relative;z-index:2;margin-top:45px;min-height:70px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.site-footer-bottom div{display:flex;gap:18px}.site-footer-bottom a{color:#b8c8dd}.floating-whatsapp{position:fixed;z-index:990;left:18px;bottom:20px;display:flex;align-items:center;gap:9px;padding:10px 14px 10px 11px;border-radius:999px;background:#18a968;color:#fff!important;box-shadow:0 10px 28px rgba(15,139,82,.3);font-weight:850;font-size:12px}.floating-whatsapp i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);font-size:18px}.floating-whatsapp:hover{transform:translateY(-2px)}.site-scroll-top{position:fixed;z-index:980;right:20px;bottom:22px;width:44px;height:44px;border:0;border-radius:13px;background:var(--navy);color:#fff;box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.site-scroll-top.is-visible{opacity:1;visibility:visible;transform:none}

@media (max-width:1100px){
 .site-contact-strip a:nth-child(2){display:none}.site-nav-list>li>a{padding:0 9px;font-size:12.5px}.site-apply-btn{padding:10px 12px}.site-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-action-card{grid-column:1/-1}.programme-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
 .site-top-links a:nth-child(1),.site-top-links a:nth-child(2){display:none}.site-brandbar-inner{min-height:78px}.site-logo-shell{width:58px;height:58px;border-radius:14px}.site-logo-shell img{max-width:52px;max-height:52px}.site-brand-copy strong{font-size:19px}.site-brand-copy small{font-size:9px;letter-spacing:1.2px}.site-contact-strip{display:none}.site-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:50px;border:1px solid var(--line);border-radius:13px;background:#fff;gap:5px;color:var(--navy)}.site-menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px}.site-menu-toggle em{font-style:normal;font-size:8px;text-transform:uppercase;font-weight:900;line-height:1}.site-navbar-wrap{border:0}.site-navbar-inner{min-height:0}.site-navbar{position:fixed;z-index:1002;top:0;bottom:0;left:0;width:min(88vw,360px);background:#fff;transform:translateX(-105%);transition:.28s ease;overflow-y:auto;box-shadow:20px 0 50px rgba(7,30,62,.2)}body.mobile-nav-open .site-navbar{transform:none}body.mobile-nav-open{overflow:hidden}.mobile-nav-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff}.mobile-nav-head strong{font-size:18px}.mobile-nav-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:26px}.site-nav-list{display:block;padding:10px}.site-nav-list>li{border-bottom:1px solid #edf1f5}.site-nav-list>li>a{height:auto;min-height:50px;padding:11px 10px;font-size:13.5px}.site-nav-list>li>a:after{display:none}.site-nav-list .nav-caret{margin-left:auto}.site-dropdown{position:static;width:auto;max-height:none;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:10px;background:#f5f8fc;margin:0 0 10px;padding:6px}.site-nav-list>li.submenu-open>.site-dropdown{display:block}.site-nav-list>li.submenu-open>a{color:var(--blue)}.site-nav-list>li:hover>.site-dropdown{transform:none}.site-dropdown li a{padding:10px;font-size:12.5px;background:transparent}.site-apply-btn{display:none}.site-nav-backdrop{position:fixed;z-index:1001;inset:0;background:rgba(2,16,35,.55);backdrop-filter:blur(2px)}body.mobile-nav-open .site-nav-backdrop{display:block}.site-header.is-sticky .site-navbar-wrap{position:static;box-shadow:none}
 .quick-action-grid{grid-template-columns:repeat(2,1fr)}.modern-about-grid{grid-template-columns:1fr;gap:35px}.about-image-frame{min-height:360px}.about-image-frame>img{min-height:360px}.live-panels-grid{grid-template-columns:1fr}.site-footer-grid{grid-template-columns:1fr 1fr}.site-footer-about{grid-column:1/-1}.footer-action-card{grid-column:1/-1}.page-title .row{display:block}.bread-crumb{justify-content:flex-start;margin-top:12px!important}
}
@media (max-width:600px){
 body{font-size:14px}.auto-container{padding:0 14px}.site-topbar-inner{min-height:36px}.site-announcement span:last-child,.site-top-links{display:none}.site-brandbar-inner{gap:10px}.site-brand{gap:9px}.site-logo-shell{width:50px;height:50px}.site-logo-shell img{max-width:45px;max-height:45px}.site-brand-copy strong{font-size:15px;max-width:230px}.site-brand-copy small{font-size:8px;margin-top:3px}.site-menu-toggle{width:46px;height:44px}
 .site-hero-slides{height:485px}.site-hero-overlay{background:linear-gradient(90deg,rgba(3,18,39,.91),rgba(5,29,61,.72))}.site-hero-content{justify-content:flex-end;padding-bottom:85px}.site-hero h1{font-size:35px;letter-spacing:-.8px}.site-hero p{font-size:14px}.hero-actions{width:100%}.hero-btn{flex:1;padding:0 11px;font-size:12px;min-height:47px}.home-quick-actions{margin-top:0;padding:14px 0;background:#f5f8fc}.quick-action-grid{grid-template-columns:1fr;padding:8px;gap:7px;border-radius:16px}.quick-action-grid>a{grid-template-columns:44px 1fr 18px;padding:10px}.qa-icon{width:44px;height:44px}
 .modern-about-section,.home-live-section,.modern-programmes,.latest-news,.training-programs,.about-section,.contact-section{padding:48px 0}.about-image-frame,.about-image-frame>img{min-height:300px}.about-badge{left:14px;right:14px;bottom:14px}.modern-about-copy h2,.section-heading-modern h2,.sec-title-two h2,.sec-title-one h2{font-size:28px!important}.about-feature-grid{grid-template-columns:1fr}.section-heading-modern{display:block}.section-heading-modern p{margin-top:10px}.live-scroll-list{height:350px}.programme-grid{grid-template-columns:1fr}.programme-image{height:215px}.page-title{padding:42px 0!important}.about-content-box,.content-bg,.login.content-bg,.contact-form,.contacts-box{padding:17px!important;border-radius:14px!important}.login.content-bg form{padding:0!important}.table{display:block;overflow-x:auto;white-space:nowrap}.news-block .image-box img{height:210px!important}.site-footer{padding-top:50px}.site-footer-grid{grid-template-columns:1fr;gap:28px}.site-footer-about{grid-column:auto}.footer-action-card{grid-column:auto}.site-footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;padding:18px 0}.floating-whatsapp span{display:none}.floating-whatsapp{width:48px;height:48px;padding:8px;justify-content:center}.floating-whatsapp i{background:transparent}.site-scroll-top{right:14px}.testimonial-section{padding:50px 0!important}
}
@media print{.site-header,.site-footer,.floating-whatsapp,.site-scroll-top,.page-title{display:none!important}body,.page-wrapper{background:#fff!important}.about-section{padding:0!important}.about-content-box{box-shadow:none!important;border:0!important;padding:0!important}}

/* ======================================================================
   2026 PREMIUM MOTION & PERFORMANCE LAYER
   Lightweight, GPU-friendly animation with reduced-motion accessibility.
====================================================================== */

@view-transition{navigation:auto}
::view-transition-old(root){animation:premiumPageOut .18s ease both}
::view-transition-new(root){animation:premiumPageIn .32s ease both}
@keyframes premiumPageOut{to{opacity:.55;transform:translateY(-4px)}}
@keyframes premiumPageIn{from{opacity:.35;transform:translateY(7px)}}

:root{
  --premium-navy:#071a38;
  --premium-blue:#155fb8;
  --premium-sky:#2e8cff;
  --premium-gold:#ffb703;
  --premium-gold-2:#ffd56a;
  --premium-glow:0 18px 55px rgba(7,35,77,.16);
}

body{background:
  radial-gradient(circle at 7% 18%,rgba(46,140,255,.045),transparent 25%),
  radial-gradient(circle at 92% 70%,rgba(255,183,3,.04),transparent 22%),#f7f9fc}

/* Top loading progress */
.site-load-progress{position:fixed;z-index:20000;left:0;top:0;width:100%;height:3px;pointer-events:none;opacity:0;transition:opacity .2s ease}
.site-load-progress:before{content:"";display:block;width:0;height:100%;background:linear-gradient(90deg,#ffb703,#fff1a8,#2e8cff);box-shadow:0 0 15px rgba(255,183,3,.7);transition:width .28s ease}
.site-load-progress.is-loading{opacity:1}.site-load-progress.is-loading:before{width:78%;animation:progressBreath 1.1s ease-in-out infinite}
.site-load-progress.is-complete:before{width:100%}
@keyframes progressBreath{50%{filter:brightness(1.25)}}

/* Header depth and premium animated surfaces */
.site-header{isolation:isolate;box-shadow:0 9px 32px rgba(4,24,52,.09)}
.site-topbar{position:relative;overflow:hidden;background:linear-gradient(110deg,#04142f 0%,#0b2e61 48%,#155fb8 100%)}
.site-topbar:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.09) 42%,transparent 57%);transform:translateX(-130%);animation:topbarSweep 8s ease-in-out infinite}
@keyframes topbarSweep{0%,35%{transform:translateX(-130%)}65%,100%{transform:translateX(130%)}}
.site-topbar-glow{position:absolute;left:8%;top:-65px;width:260px;height:130px;border-radius:50%;background:rgba(255,183,3,.12);filter:blur(38px);pointer-events:none}
.site-topbar-inner{position:relative;z-index:2}
.site-announcement strong{color:#ffd45b;letter-spacing:.65px}
.announcement-link{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:3px 9px;border-radius:999px;color:#071a38!important;background:linear-gradient(135deg,#ffe28b,#ffb703);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.45px;box-shadow:0 4px 14px rgba(255,183,3,.22)}
.announcement-link i{font-size:9px;transition:transform .2s ease}.announcement-link:hover i{transform:translateX(3px)}
.site-top-links a{position:relative;border-left-color:rgba(255,255,255,.12)}
.site-top-links a:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:1px;background:#ffd45b;transform:scaleX(0);transition:transform .22s ease}.site-top-links a:hover:after{transform:scaleX(1)}

.site-brandbar{position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(243,248,255,.92),#fff 42%,rgba(248,251,255,.96))}
.site-brandbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(21,95,184,.22),transparent)}
.brandbar-shape{position:absolute;pointer-events:none;border-radius:50%;filter:blur(1px)}
.brandbar-shape-one{width:190px;height:190px;right:7%;top:-145px;border:30px solid rgba(46,140,255,.055);animation:brandShapeFloat 9s ease-in-out infinite}
.brandbar-shape-two{width:70px;height:70px;left:38%;bottom:-55px;background:rgba(255,183,3,.06);animation:brandShapeFloat 7s ease-in-out infinite reverse}
@keyframes brandShapeFloat{50%{transform:translate3d(9px,9px,0) rotate(8deg)}}
.site-brand{position:relative}
.site-logo-shell{position:relative;overflow:visible;border-color:rgba(21,95,184,.16);box-shadow:0 12px 32px rgba(7,35,77,.13);transition:transform .3s cubic-bezier(.2,.75,.3,1),box-shadow .3s ease}
.site-logo-shell:after{content:"";position:absolute;inset:-5px;z-index:-1;border-radius:21px;background:conic-gradient(from 80deg,#ffb703,#2e8cff,#0b2a55,#ffb703);opacity:.72;filter:saturate(.9)}
.site-logo-shell:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:19px;background:#fff}
.site-brand:hover .site-logo-shell{transform:translateY(-3px) rotate(-1deg);box-shadow:0 18px 36px rgba(7,35,77,.18)}
.logo-orbit{position:absolute;inset:-10px;border:1px dashed rgba(21,95,184,.26);border-radius:25px;animation:logoOrbit 18s linear infinite;pointer-events:none}
.logo-orbit:before{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:#ffb703;box-shadow:0 0 0 4px rgba(255,183,3,.13)}
@keyframes logoOrbit{to{transform:rotate(360deg)}}
.site-brand-copy strong{background:linear-gradient(100deg,#071a38 0%,#155fb8 58%,#071a38 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brandTextFlow 8s linear infinite}
@keyframes brandTextFlow{to{background-position:200% center}}
.site-brand-copy small b{color:#ffb703;font-size:10px}
.site-contact-strip>a{position:relative;overflow:hidden;border:1px solid #e3eaf4;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(7,35,77,.065);transition:transform .28s cubic-bezier(.2,.75,.3,1),box-shadow .28s ease,border-color .28s ease}
.site-contact-strip>a:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(46,140,255,.07),transparent 70%);transform:translateX(-110%);transition:transform .5s ease}
.site-contact-strip>a:hover{transform:translateY(-4px);border-color:rgba(46,140,255,.26);box-shadow:0 14px 30px rgba(7,35,77,.12)}
.site-contact-strip>a:hover:before{transform:translateX(110%)}
.contact-icon{background:linear-gradient(145deg,#2e8cff,#0d4f9f)!important;color:#fff!important;box-shadow:0 8px 18px rgba(21,95,184,.22);transition:transform .28s ease}
.site-contact-strip>a:nth-child(2) .contact-icon{background:linear-gradient(145deg,#ffc93e,#e79300)!important;box-shadow:0 8px 18px rgba(231,147,0,.2)}
.site-contact-strip>a:hover .contact-icon{transform:rotate(-6deg) scale(1.05)}

/* Main menu: strong, professional colored background */
.site-navbar-wrap{position:relative;overflow:visible;background:
  radial-gradient(circle at 12% -100%,rgba(255,183,3,.22),transparent 32%),
  linear-gradient(105deg,#06162f 0%,#0a2e60 50%,#155fb8 100%);border:0;box-shadow:0 10px 28px rgba(4,24,52,.2)}
.site-navbar-wrap:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#ffb703,#ffe194,#2e8cff,#ffb703);background-size:220% 100%;animation:navBorderFlow 8s linear infinite}
@keyframes navBorderFlow{to{background-position:220% 0}}
.nav-light-sweep{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.nav-light-sweep:after{content:"";position:absolute;top:-70%;bottom:-70%;width:110px;left:-150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);transform:rotate(19deg);animation:navSweep 10s ease-in-out infinite}
@keyframes navSweep{0%,40%{left:-150px}75%,100%{left:calc(100% + 150px)}}
.site-navbar-inner{position:relative;z-index:2}
.site-nav-list>li>a{position:relative;color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.12)}
.site-nav-list>li>a:before{content:"";position:absolute;inset:8px 3px;border-radius:10px;background:rgba(255,255,255,.1);opacity:0;transform:scale(.86);transition:opacity .23s ease,transform .23s ease}
.site-nav-list>li>a:after{left:15px;right:15px;bottom:0;height:4px;background:#ffbd20;box-shadow:0 -4px 14px rgba(255,183,3,.28)}
.site-nav-list>li:hover>a,.site-nav-list>li.active>a{color:#fff}
.site-nav-list>li:hover>a:before,.site-nav-list>li.active>a:before{opacity:1;transform:scale(1)}
.site-nav-list>li.active>a{color:#ffe69a}
.site-nav-list>li>a>*{position:relative;z-index:1}.site-nav-list>li>a>i:not(.nav-caret){color:#ffc843}
.nav-caret{transition:transform .24s ease}.site-nav-list>li:hover>a .nav-caret,.site-nav-list>li:focus-within>a .nav-caret{transform:rotate(180deg)}
.nav-payment>a{margin:10px 4px;height:38px!important;border:1px solid rgba(255,210,91,.32);border-radius:10px;background:rgba(255,183,3,.1)}

.site-dropdown{top:calc(100% + 9px);padding:9px;border-radius:14px;border:1px solid rgba(7,35,77,.1);box-shadow:0 24px 60px rgba(4,24,52,.24);transform:translateY(14px) scale(.98);transform-origin:top left}
.site-dropdown:before{content:"";position:absolute;top:-7px;left:25px;width:14px;height:14px;background:#fff;border-left:1px solid rgba(7,35,77,.1);border-top:1px solid rgba(7,35,77,.1);transform:rotate(45deg)}
.site-nav-list>li:hover>.site-dropdown,.site-nav-list>li:focus-within>.site-dropdown{transform:translateY(0) scale(1)}
.site-dropdown li a{align-items:center;gap:10px;border-radius:9px;border-bottom:1px dashed #e9eef5;padding:10px 12px;color:#33455c;transition:padding .22s ease,background .22s ease,color .22s ease}
.site-dropdown li a i{width:18px;color:#155fb8;text-align:center;transition:transform .22s ease,color .22s ease}
.site-dropdown li a:hover{padding-left:16px;background:linear-gradient(90deg,#edf5ff,#f9fbff);color:#071a38}.site-dropdown li a:hover i{transform:translateX(2px);color:#e99a00}
.site-apply-btn{position:relative;overflow:hidden;color:#12233c!important;background:linear-gradient(135deg,#ffe17a,#ffb703);box-shadow:0 10px 25px rgba(255,183,3,.25);border:1px solid rgba(255,255,255,.36);transition:transform .28s cubic-bezier(.2,.75,.3,1),box-shadow .28s ease}
.site-apply-btn:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(255,183,3,.34)}
.apply-btn-shine{position:absolute;top:-100%;bottom:-100%;left:-55px;width:32px;background:rgba(255,255,255,.55);transform:rotate(24deg);animation:applyShine 4.5s ease-in-out infinite}
@keyframes applyShine{0%,45%{left:-55px}70%,100%{left:calc(100% + 55px)}}
.site-header.is-sticky .site-navbar-wrap{background:rgba(6,22,47,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* Hero: separate media layer allows smooth GPU Ken Burns animation */
.site-hero{min-height:0;background:#06162f;isolation:isolate}
.site-hero:after{content:"";position:absolute;z-index:5;left:0;right:0;bottom:-1px;height:35px;background:linear-gradient(to top,#fff,transparent);pointer-events:none;opacity:.28}
.site-hero-slide{background:none!important;transform:none;transition:opacity .75s ease,visibility .75s ease}
.site-hero-media{position:absolute;inset:-3%;background-position:center;background-size:cover;transform:scale(1.08);will-change:transform;filter:saturate(1.04) contrast(1.02)}
.site-hero-slide.is-active .site-hero-media{animation:heroKenBurns 8s cubic-bezier(.2,.65,.35,1) both}
@keyframes heroKenBurns{from{transform:scale(1.10) translate3d(-.5%,0,0)}to{transform:scale(1.02) translate3d(.5%,0,0)}}
.hero-fallback .site-hero-media{background:radial-gradient(circle at 78% 20%,#2e8cff 0,transparent 34%),radial-gradient(circle at 25% 90%,rgba(255,183,3,.26),transparent 28%),linear-gradient(125deg,#04142f,#0a376f 57%,#155fb8)}
.site-hero-overlay{background:
 linear-gradient(90deg,rgba(2,14,31,.94) 0%,rgba(5,29,61,.81) 43%,rgba(4,20,42,.28) 100%),
 linear-gradient(0deg,rgba(3,17,37,.24),transparent 40%)}
.hero-grid-pattern{position:absolute;inset:0;z-index:1;opacity:.075;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.hero-ambient{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.hero-ambient span{position:absolute;display:block;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 30px rgba(255,255,255,.025);animation:ambientFloat 9s ease-in-out infinite}
.hero-ambient span:nth-child(1){width:220px;height:220px;right:6%;top:13%}
.hero-ambient span:nth-child(2){width:95px;height:95px;right:27%;bottom:11%;animation-delay:-3s}
.hero-ambient span:nth-child(3){width:45px;height:45px;left:47%;top:15%;background:rgba(255,183,3,.08);border-color:rgba(255,210,90,.18);animation-delay:-5s}
@keyframes ambientFloat{50%{transform:translate3d(0,-16px,0) rotate(8deg)}}
.site-hero-content{z-index:3}
.hero-copy{max-width:850px}
.site-hero-slide .hero-kicker,.site-hero-slide h1,.site-hero-slide p,.site-hero-slide .hero-actions,.site-hero-slide .hero-trust-row{opacity:0;transform:translateY(24px)}
.site-hero-slide.is-active .hero-kicker{animation:heroContentIn .65s .12s ease forwards}
.site-hero-slide.is-active h1{animation:heroContentIn .75s .23s ease forwards}
.site-hero-slide.is-active p{animation:heroContentIn .7s .36s ease forwards}
.site-hero-slide.is-active .hero-actions{animation:heroContentIn .7s .48s ease forwards}
.site-hero-slide.is-active .hero-trust-row{animation:heroContentIn .7s .6s ease forwards}
@keyframes heroContentIn{to{opacity:1;transform:translateY(0)}}
.hero-kicker{position:relative;overflow:hidden;border-color:rgba(255,255,255,.28);box-shadow:inset 0 0 25px rgba(255,255,255,.04)}
.hero-kicker:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-110%);animation:kickerShine 4s 1.5s ease-in-out infinite}
@keyframes kickerShine{0%,50%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}
.site-hero h1{background:linear-gradient(110deg,#fff 10%,#fff 52%,#ffe18a 82%,#fff);background-size:180% auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;animation-composition:add}
.hero-btn{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.75,.3,1),box-shadow .28s ease}
.hero-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-115%);transition:transform .55s ease}.hero-btn:hover:before{transform:translateX(115%)}
.hero-btn-primary:hover{box-shadow:0 18px 34px rgba(255,138,36,.36)}.hero-btn-light:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(2,14,31,.2)}
.hero-trust-row{display:flex;flex-wrap:wrap;gap:11px 20px;margin-top:25px;color:#deebfa;font-size:12px;font-weight:750}
.hero-trust-row span{display:inline-flex;align-items:center;gap:7px}.hero-trust-row i{color:#54e196}
.site-hero-controls{bottom:29px;padding:5px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(3,22,47,.34);backdrop-filter:blur(10px)}
.hero-prev,.hero-next{transition:transform .22s ease,background .22s ease}.hero-prev:hover,.hero-next:hover{transform:scale(1.08);background:rgba(255,255,255,.18)}
.hero-scroll-cue{position:absolute;z-index:6;right:28px;bottom:27px;display:flex;align-items:center;flex-direction:column;gap:5px;color:#fff!important;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;opacity:.72}
.hero-scroll-cue span{position:relative;width:22px;height:34px;border:1px solid rgba(255,255,255,.5);border-radius:14px}.hero-scroll-cue span:before{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:3px;background:#fff;transform:translateX(-50%);animation:scrollCue 1.7s ease infinite}
@keyframes scrollCue{to{opacity:0;transform:translate(-50%,12px)}}

/* Quick action cards */
.home-quick-actions{scroll-margin-top:80px}
.quick-action-grid{position:relative;overflow:hidden;border-color:rgba(21,95,184,.13);box-shadow:0 22px 60px rgba(7,35,77,.14)}
.quick-action-grid:before{content:"";position:absolute;width:210px;height:210px;right:-110px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(46,140,255,.12),transparent 70%)}
.quick-action-grid>a{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.2,.75,.3,1),box-shadow .3s ease,border-color .3s ease}
.quick-action-grid>a:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,rgba(46,140,255,.07),transparent 62%);opacity:0;transition:opacity .28s ease}
.quick-action-grid>a:after{content:"";position:absolute;z-index:-1;width:90px;height:90px;right:-65px;bottom:-65px;border-radius:50%;background:rgba(46,140,255,.08);transition:transform .35s ease}
.quick-action-grid>a:hover{transform:translateY(-6px);border-color:rgba(46,140,255,.24);box-shadow:0 17px 35px rgba(7,35,77,.12)}
.quick-action-grid>a:hover:before{opacity:1}.quick-action-grid>a:hover:after{transform:scale(2.2)}
.qa-icon{position:relative;box-shadow:0 8px 18px rgba(7,35,77,.16);transition:transform .3s cubic-bezier(.2,.75,.3,1)}
.qa-icon:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.22);border-radius:10px}
.quick-action-grid>a:hover .qa-icon{transform:rotate(-6deg) scale(1.06)}
.quick-action-grid>a>i{transition:transform .25s ease,color .25s ease}.quick-action-grid>a:hover>i{transform:translateX(5px);color:#155fb8}

/* Reveal animation used by JS IntersectionObserver */
.motion-ready .reveal-item{opacity:0;transform:translate3d(0,24px,0);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-item.reveal-left{transform:translate3d(-30px,0,0)}
.motion-ready .reveal-item.reveal-right{transform:translate3d(30px,0,0)}
.motion-ready .reveal-item.is-revealed{opacity:1;transform:translate3d(0,0,0)}

/* Rich section backgrounds and card micro-interactions */
.modern-about-section{position:relative;overflow:hidden;background:
 radial-gradient(circle at 96% 10%,rgba(46,140,255,.08),transparent 23%),#fff}
.modern-about-section:before{content:"";position:absolute;width:180px;height:180px;left:-95px;bottom:15%;border:28px solid rgba(255,183,3,.055);border-radius:50%}
.about-image-frame{isolation:isolate;transition:transform .45s cubic-bezier(.2,.75,.3,1),box-shadow .45s ease}
.about-image-frame:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,transparent 50%,rgba(7,35,77,.18));pointer-events:none}
.about-image-frame:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(7,35,77,.19)}
.about-image-frame>img{transition:transform .7s cubic-bezier(.2,.65,.3,1)}.about-image-frame:hover>img{transform:scale(1.045)}
.about-badge{animation:badgeFloat 4.5s ease-in-out infinite}.about-badge i{transition:transform .3s ease}.about-badge:hover i{transform:rotate(-8deg) scale(1.07)}
@keyframes badgeFloat{50%{transform:translateY(-5px)}}
.section-eyebrow:before{box-shadow:0 0 0 4px rgba(255,138,36,.09);animation:eyebrowPulse 2.7s ease infinite}
@keyframes eyebrowPulse{50%{box-shadow:0 0 0 8px rgba(255,138,36,0)}}
.about-feature-grid span{position:relative;padding:8px 10px;border-radius:9px;transition:background .23s ease,transform .23s ease}.about-feature-grid span:hover{background:#f3f8ff;transform:translateX(3px)}
.modern-link-btn{position:relative;overflow:hidden;box-shadow:0 10px 22px rgba(7,35,77,.18);transition:transform .25s ease,box-shadow .25s ease}.modern-link-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(21,95,184,.24)}

.home-live-section{position:relative;background:
 linear-gradient(180deg,#f4f8fd 0%,#f9fbfe 100%);overflow:hidden}
.home-live-section:before,.home-live-section:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.home-live-section:before{width:240px;height:240px;right:-130px;top:18%;background:rgba(46,140,255,.055)}.home-live-section:after{width:130px;height:130px;left:-70px;bottom:5%;border:24px solid rgba(255,183,3,.05)}
.live-panel{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.3,1),box-shadow .35s ease}.live-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2e8cff,#ffb703,#2e8cff);background-size:200% 100%;animation:panelLineFlow 7s linear infinite}
@keyframes panelLineFlow{to{background-position:200% 0}}
.live-panel:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(7,35,77,.15)}
.live-panel-icon{transition:transform .3s ease}.live-panel:hover .live-panel-icon{transform:rotate(-7deg) scale(1.06)}
.live-pill{display:inline-flex;align-items:center;gap:6px}.live-pill i{width:6px;height:6px;border-radius:50%;background:#25c87e;box-shadow:0 0 0 4px rgba(37,200,126,.12);animation:liveDot 1.6s ease infinite}@keyframes liveDot{50%{box-shadow:0 0 0 8px rgba(37,200,126,0)}}
.student-mini-card,.news-mini-card{transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}
.student-mini-card:hover,.news-mini-card:hover{transform:translateX(5px);background:#fff;border-color:#dce8f7;box-shadow:0 8px 20px rgba(7,35,77,.075)}
.student-mini-card img{transition:transform .3s ease}.student-mini-card:hover img{transform:scale(1.08)}
.news-number{transition:transform .25s ease,background .25s ease,color .25s ease}.news-mini-card:hover .news-number{transform:rotate(-5deg);background:#155fb8;color:#fff}

.modern-programmes{position:relative;overflow:hidden;background:
 radial-gradient(circle at 8% 25%,rgba(255,183,3,.06),transparent 24%),#fff}
.programme-card{position:relative;isolation:isolate;transition:transform .36s cubic-bezier(.2,.75,.3,1),box-shadow .36s ease}
.programme-card:before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(46,140,255,.28),rgba(255,183,3,.2));opacity:0;transition:opacity .3s ease}
.programme-card:hover{transform:translateY(-9px);box-shadow:0 26px 55px rgba(7,35,77,.16)}.programme-card:hover:before{opacity:1}
.programme-image img{transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .65s ease}.programme-card:hover .programme-image img{transform:scale(1.075);filter:saturate(1.1)}
.programme-overlay{transition:opacity .4s ease}.programme-card:hover .programme-overlay{opacity:.8}
.programme-arrow{transition:transform .35s cubic-bezier(.2,.75,.3,1),background .3s ease}.programme-card:hover .programme-arrow{transform:translate(-4px,4px) rotate(-8deg);background:#ffb703;color:#071a38}
.programme-content small i{transition:transform .22s ease}.programme-card:hover .programme-content small i{transform:translateX(4px)}

/* General inner pages */
.page-title{position:relative;overflow:hidden;background-size:cover!important}.page-title:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(4,20,44,.9),rgba(10,59,116,.74))}.page-title:after{content:"";position:absolute;width:260px;height:260px;right:7%;top:-170px;border:35px solid rgba(255,255,255,.055);border-radius:50%;animation:brandShapeFloat 8s ease-in-out infinite}.page-title>.auto-container{position:relative;z-index:2}
.about-content-box,.content-bg,.login.content-bg,.contact-form,.contacts-box{position:relative;overflow:hidden;border:1px solid rgba(21,95,184,.09)!important;box-shadow:0 18px 50px rgba(7,35,77,.095)!important}.about-content-box:before,.content-bg:before,.contact-form:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#155fb8,#2e8cff,#ffb703)}
.form-control{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.form-control:focus{transform:translateY(-1px);border-color:#2e8cff!important;box-shadow:0 0 0 4px rgba(46,140,255,.11)!important}
.btn,.theme-btn{transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.btn:hover,.theme-btn:hover{transform:translateY(-2px);filter:saturate(1.06)}

/* Footer motion and depth */
.site-footer{background:
 radial-gradient(circle at 88% 5%,rgba(46,140,255,.18),transparent 28%),
 radial-gradient(circle at 8% 100%,rgba(255,183,3,.08),transparent 26%),
 linear-gradient(135deg,#04142f,#0a2c59)}
.site-footer-wave{position:absolute;left:0;right:0;top:-1px;height:7px;background:linear-gradient(90deg,#ffb703,#ffe082,#2e8cff,#ffb703);background-size:250% 100%;animation:navBorderFlow 9s linear infinite}
.footer-brand .footer-logo{transition:transform .35s ease,box-shadow .35s ease}.footer-brand:hover .footer-logo{transform:rotate(-5deg) translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.footer-links a{display:inline-flex;align-items:center;transition:transform .22s ease,color .22s ease}.footer-links a:hover{transform:translateX(4px)}
.footer-action-card{position:relative;overflow:hidden;transition:transform .32s ease,border-color .32s ease,background .32s ease}.footer-action-card:after{content:"";position:absolute;width:150px;height:150px;right:-95px;top:-95px;border-radius:50%;background:rgba(255,255,255,.055);transition:transform .5s ease}.footer-action-card:hover{transform:translateY(-5px);border-color:rgba(255,211,90,.25);background:rgba(255,255,255,.085)}.footer-action-card:hover:after{transform:scale(1.7)}
.footer-primary-btn{position:relative;z-index:1;transition:transform .25s ease,box-shadow .25s ease}.footer-primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.16)}
.floating-whatsapp{animation:whatsappFloat 3.3s ease-in-out infinite;transition:transform .25s ease,box-shadow .25s ease}.floating-whatsapp:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(24,169,104,.32);border-radius:999px;animation:whatsappRing 2.2s ease infinite}@keyframes whatsappFloat{50%{transform:translateY(-4px)}}@keyframes whatsappRing{to{opacity:0;transform:scale(1.12)}}
.site-scroll-top{overflow:hidden}.site-scroll-top:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2e8cff,#071a38);opacity:0;transition:opacity .25s ease}.site-scroll-top:hover:before{opacity:1}.site-scroll-top i{position:relative;z-index:1}

/* Pointer highlight for cards, populated by JS custom properties */
.pointer-glow{--pointer-x:50%;--pointer-y:50%}
.pointer-glow:after{content:"";position:absolute!important;inset:0!important;pointer-events:none!important;border-radius:inherit!important;background:radial-gradient(220px circle at var(--pointer-x) var(--pointer-y),rgba(46,140,255,.105),transparent 62%)!important;opacity:0!important;transition:opacity .25s ease!important;transform:none!important;width:auto!important;height:auto!important;left:0!important;right:0!important;top:0!important;bottom:0!important}
.pointer-glow:hover:after{opacity:1!important}

@media (max-width:1100px){
 .site-nav-list>li>a{padding:0 9px}.hero-trust-row{gap:9px 13px}
}

@media (max-width:900px){
 .site-topbar:after,.nav-light-sweep,.hero-scroll-cue{display:none}
 .site-menu-toggle{position:relative;overflow:hidden;border:0;color:#fff;background:linear-gradient(145deg,#2e8cff,#071a38);box-shadow:0 10px 24px rgba(7,35,77,.22)}
 .site-menu-toggle span{background:#fff}.site-menu-toggle em{color:#fff}
 .site-navbar{background:radial-gradient(circle at 15% 0%,rgba(255,183,3,.14),transparent 25%),linear-gradient(160deg,#04142f 0%,#0a2f61 68%,#155fb8 100%);box-shadow:24px 0 60px rgba(0,0,0,.34)}
 .mobile-nav-head{height:auto;min-height:78px;padding:13px 17px;background:rgba(3,17,37,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
 .mobile-nav-head>div{display:flex;flex-direction:column;min-width:0}.mobile-nav-head small{color:#ffcf55;text-transform:uppercase;letter-spacing:1.4px;font-weight:800;font-size:9px}.mobile-nav-head strong{max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
 .mobile-nav-close{background:rgba(255,255,255,.1)}
 .site-nav-list>li{border:1px solid rgba(255,255,255,.075);border-radius:10px;margin-bottom:6px;background:rgba(255,255,255,.045)}
 .site-nav-list>li>a{color:rgba(255,255,255,.92)}
 .site-nav-list>li>a:before,.site-nav-list>li>a:after{display:none}
 .site-nav-list>li:hover>a,.site-nav-list>li.active>a,.site-nav-list>li.submenu-open>a{color:#fff;background:rgba(255,255,255,.09)}
 .site-nav-list>li.active>a{color:#071a38;background:linear-gradient(135deg,#ffe17a,#ffb703)}
 .site-nav-list>li.active>a>i{color:#071a38!important}
 .nav-payment>a{height:auto!important;margin:0;background:transparent;border:0}
 .nav-caret{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.09)}
 .site-nav-list>li:hover>a .nav-caret,.site-nav-list>li:focus-within>a .nav-caret{transform:none}.site-nav-list>li.submenu-open>a .nav-caret{transform:rotate(180deg)}
 .site-dropdown,.site-nav-list>li:hover>.site-dropdown,.site-nav-list>li:focus-within>.site-dropdown{position:static;display:none;width:auto;opacity:1;visibility:visible;transform:none!important;margin:0 8px 9px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.075);box-shadow:none}
 .site-dropdown:before{display:none}.site-nav-list>li.submenu-open>.site-dropdown{display:block}
 .site-dropdown li a{color:rgba(255,255,255,.84);border-bottom-color:rgba(255,255,255,.09);background:transparent}.site-dropdown li a i{color:#ffcf55}.site-dropdown li a:hover{color:#fff;background:rgba(255,255,255,.09)}
 .hero-grid-pattern{opacity:.05}.hero-ambient span:nth-child(1){right:-90px}.hero-trust-row{font-size:11px}
}

@media (max-width:600px){
 .announcement-link{padding:2px 8px;font-size:9px}.site-announcement strong{font-size:10px}
 .logo-orbit{display:none}.site-logo-shell:after{inset:-3px;border-radius:16px}.site-logo-shell:before{inset:-1px;border-radius:15px}
 .site-brand-copy strong{animation:none;background:#071a38;-webkit-background-clip:text;background-clip:text}
 .site-hero-slides{height:520px}.site-hero-content{padding-bottom:74px}.site-hero h1{font-size:34px}.site-hero p{line-height:1.55;margin-bottom:22px}
 .hero-actions{gap:9px}.hero-btn{min-height:46px}.hero-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.hero-trust-row span:last-child{grid-column:1/-1}
 .site-hero-controls{bottom:22px}.hero-prev,.hero-next{width:34px;height:34px}.hero-ambient span:nth-child(2),.hero-ambient span:nth-child(3){display:none}
 .quick-action-grid>a:hover,.programme-card:hover,.live-panel:hover,.about-image-frame:hover{transform:none}
 .motion-ready .reveal-item,.motion-ready .reveal-item.reveal-left,.motion-ready .reveal-item.reveal-right{transform:translate3d(0,16px,0)}
}

@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
 .motion-ready .reveal-item{opacity:1!important;transform:none!important}
 .site-hero-slide .hero-kicker,.site-hero-slide h1,.site-hero-slide p,.site-hero-slide .hero-actions,.site-hero-slide .hero-trust-row{opacity:1!important;transform:none!important}
}
