:root{--bg:#172a46;--bg2:#1d3251;--bg3:#27405f;--card:#223956;--surface:rgba(20,37,63,.46);--surface-alt:rgba(27,47,77,.58);--surface-footer:rgba(18,34,58,.86);--accent:#64a2ff;--accent2:#3d82e8;--text:#f7f9fd;--muted:#bdc9d9;--border:rgba(255,255,255,.13);--border2:rgba(255,255,255,.22);--nav-h:70px}
[data-theme="light"]{--bg:#f5f8fc;--bg2:#fff;--bg3:#edf3fa;--card:#f1f5f9;--surface:rgba(245,248,252,.84);--surface-alt:rgba(255,255,255,.9);--surface-footer:rgba(255,255,255,.94);--accent:#2563eb;--accent2:#1d4ed8;--text:#0f172a;--muted:#64748b;--border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.14)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;transition:background .3s,color .3s;position:relative;isolation:isolate;overflow-x:hidden}
body::before{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(135deg,rgba(15,29,51,.18),rgba(30,64,105,.12));pointer-events:none}
body::after{content:"";position:fixed;z-index:-1;inset:-4rem;background-image:linear-gradient(rgba(174,197,225,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(174,197,225,.11) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);pointer-events:none;animation:grid-drift 16s linear infinite;will-change:transform}
.ambient-scene{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.ambient-orb{position:absolute;border-radius:50%;will-change:transform;transform:translate3d(0,0,0)}
.ambient-orb.one{width:clamp(480px,52vw,820px);aspect-ratio:1;left:-18%;top:-28%;background:radial-gradient(circle,rgba(37,99,235,.62),rgba(37,99,235,.28) 34%,transparent 70%);animation:orb-one 12s ease-in-out infinite alternate}
.ambient-orb.two{width:clamp(440px,46vw,720px);aspect-ratio:1;right:-16%;top:18%;background:radial-gradient(circle,rgba(6,182,212,.48),rgba(14,165,233,.22) 38%,transparent 72%);animation:orb-two 15s ease-in-out infinite alternate}
.ambient-orb.three{width:clamp(500px,56vw,880px);aspect-ratio:1;left:22%;bottom:-42%;background:radial-gradient(circle,rgba(99,102,241,.48),rgba(124,58,237,.2) 38%,transparent 72%);animation:orb-three 17s ease-in-out infinite alternate}
[data-theme="light"] body::after{opacity:.22}[data-theme="light"] .ambient-scene{opacity:.14}
@keyframes grid-drift{to{transform:translate3d(54px,54px,0)}}
@keyframes orb-one{to{transform:translate3d(18vw,14vh,0) scale(1.12)}}
@keyframes orb-two{to{transform:translate3d(-20vw,18vh,0) scale(.92)}}
@keyframes orb-three{to{transform:translate3d(12vw,-24vh,0) scale(1.08)}}
a{color:inherit}
header{height:var(--nav-h);position:fixed;inset:0 0 auto;z-index:1000;background:rgba(15,27,47,.84);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
[data-theme="light"] header{background:rgba(255,255,255,.97)}
nav{height:100%;max-width:1280px;margin:auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.logo img{height:36px}.logo-light{display:none}[data-theme="light"] .logo-dark{display:none}[data-theme="light"] .logo-light{display:block}
.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-text strong{font-size:1rem;font-weight:800}.logo-text span{font-size:.6rem;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}
.nav-links{display:flex;gap:2px;list-style:none}.nav-links a{display:block;text-decoration:none;color:var(--muted);font-size:.875rem;font-weight:500;padding:.45rem .8rem;border-radius:8px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--border)}
.nav-right{display:flex;align-items:center;gap:.5rem}.btn-icon,.hamburger-btn{width:36px;height:36px;border:1px solid var(--border2);background:transparent;color:var(--muted);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-login,.btn-start{padding:.48rem 1rem;border-radius:8px;font:500 .875rem inherit;text-decoration:none;white-space:nowrap}.btn-login{border:1px solid var(--border2)}.btn-start{background:var(--accent);color:#fff}.hamburger-btn{display:none;color:var(--text)}
.mobile-nav{display:none;position:fixed;top:var(--nav-h);left:0;right:0;z-index:999;padding:1rem;background:var(--bg2);border-bottom:1px solid var(--border);flex-direction:column}.mobile-nav.open{display:flex}.mobile-nav a{padding:.65rem 1rem;color:var(--muted);text-decoration:none;border-radius:8px}.mobile-nav a.active{color:var(--accent);background:rgba(59,130,246,.08)}
main{min-height:70vh}.container{max-width:1180px;margin:auto;padding-left:2rem;padding-right:2rem}.page-hero{padding:calc(var(--nav-h) + 5rem) 0 4.5rem;background:linear-gradient(135deg,rgba(20,38,65,.68),rgba(32,65,107,.56));position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;width:600px;height:340px;border-radius:50%;right:-110px;top:-150px;background:radial-gradient(ellipse,rgba(96,165,250,.48),rgba(34,211,238,.18) 48%,transparent 72%);animation:hero-aurora 8s ease-in-out infinite alternate;will-change:transform;pointer-events:none}@keyframes hero-aurora{from{transform:translate3d(0,-8px,0) scale(1)}to{transform:translate3d(-100px,55px,0) scale(1.12)}}[data-theme="light"] .page-hero{background:linear-gradient(135deg,#0f172a,#1e40af);color:#fff}.eyebrow{display:inline-flex;padding:.3rem .8rem;margin-bottom:1rem;border-radius:6px;background:rgba(59,130,246,.18);color:#b7d6ff;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.page-hero h1{max-width:760px;font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;letter-spacing:-.7px}.page-hero p{max-width:720px;color:#c7d2e2;margin-top:1rem;font-size:1rem}.breadcrumbs{margin-top:1.4rem;color:#b4c4d9;font-size:.82rem}.breadcrumbs a{text-decoration:none}.breadcrumbs i{margin:0 .5rem;font-size:.65rem}
.section{padding:5rem 0;background:var(--surface)}.section.alt{background:var(--surface-alt)}.section-heading{max-width:720px;margin-bottom:2.2rem}.section-heading h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.2;margin-bottom:.7rem}.section-heading p,.muted{color:var(--muted)}
.course-list{display:grid;gap:1.5rem}.program-card{display:grid;grid-template-columns:340px 1fr;background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;scroll-margin-top:95px}.program-image{min-height:310px;position:relative}.program-image img{width:100%;height:100%;object-fit:cover;display:block}.program-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%)}.program-body{padding:2rem}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:6px;background:rgba(59,130,246,.12);color:#60a5fa;font-size:.72rem;font-weight:700;text-transform:uppercase}.pill.red{background:rgba(239,68,68,.13);color:#f87171}.pill.green{background:rgba(16,185,129,.13);color:#34d399}.pill.purple{background:rgba(124,58,237,.13);color:#a78bfa}.program-body h2{font-size:1.45rem;margin:.8rem 0 .45rem}.program-body>p{color:var(--muted);font-size:.9rem}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem 1rem;margin:1.15rem 0;list-style:none}.learn-grid li{font-size:.82rem;color:var(--muted);display:flex;gap:.45rem}.learn-grid i{color:var(--accent);margin-top:.28rem}.actions{display:flex;gap:.65rem;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.05rem;border-radius:9px;text-decoration:none;font-size:.84rem;font-weight:700}.primary{background:var(--accent);color:#fff}.secondary{border:1px solid var(--border2);color:var(--text)}
.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.person{display:grid;grid-template-columns:180px 1fr;border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden}.person>img{width:100%;height:100%;min-height:310px;object-fit:cover;object-position:top}.person-body{padding:1.5rem}.person h2{font-size:1.15rem}.role{font-size:.8rem;color:var(--accent);font-weight:700;margin:.15rem 0 .9rem}.detail-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.04em;margin-top:.8rem}.detail-line{font-size:.8rem;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.tag{font-size:.68rem;padding:.2rem .5rem;border-radius:5px;background:rgba(59,130,246,.1);color:#7db1ff}
.about-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.about-copy h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;margin-bottom:1.1rem}.about-copy p{color:var(--muted);margin-bottom:.9rem}.about-image{border-radius:18px;overflow:hidden;border:1px solid var(--border)}.about-image img{display:block;width:100%;height:390px;object-fit:cover}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.stat{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.stat strong{display:block;color:var(--accent);font-size:1.35rem}.stat span{font-size:.75rem;color:var(--muted)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.value{padding:1.5rem;border-radius:14px;background:var(--card);border:1px solid var(--border)}.value-icon{width:44px;height:44px;border-radius:10px;background:rgba(59,130,246,.12);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.value h3{font-size:1rem;margin-bottom:.4rem}.value p{font-size:.83rem;color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:.25s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-3px);border-color:var(--border2)}.blog-thumb{height:180px;background:var(--bg3)}.blog-thumb img{width:100%;height:100%;object-fit:cover}.blog-body{padding:1.1rem;display:flex;flex:1;flex-direction:column}.blog-title{font-weight:750;line-height:1.4;margin-bottom:.5rem}.blog-excerpt{font-size:.8rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-read{font-size:.78rem;color:var(--accent);font-weight:700;margin-top:.7rem}
.contact-wrap{display:grid;grid-template-columns:.85fr 1.4fr;border:1px solid var(--border);border-radius:18px;overflow:hidden}.contact-info{padding:2.2rem;background:var(--card)}.contact-info h2{margin-bottom:1.4rem}.contact-item{display:flex;gap:.8rem;margin:1.2rem 0}.contact-icon{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:rgba(59,130,246,.12);color:var(--accent);display:flex;align-items:center;justify-content:center}.contact-item h3{font-size:.72rem;color:var(--muted);text-transform:uppercase}.contact-item p,.contact-item a{font-size:.88rem;text-decoration:none}.socials{display:flex;gap:.5rem;margin-top:1.5rem}.socials a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border2);border-radius:9px;text-decoration:none}.map iframe{display:block;width:100%;height:100%;min-height:460px;border:0}
.cta{padding:3.5rem 0;background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:2rem}.cta h2{color:#fff;font-size:clamp(1.35rem,3vw,2rem)}.cta p{color:rgba(255,255,255,.75)}.cta .primary{background:#fff;color:#1d4ed8;white-space:nowrap}
footer{padding:3rem 0 1.5rem;background:var(--surface-footer);border-top:1px solid var(--border)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.2rem;margin-bottom:2rem}.footer-brand p{font-size:.82rem;color:var(--muted);margin-top:.7rem}.footer-col h3{font-size:.85rem;margin-bottom:.7rem}.footer-col ul{list-style:none}.footer-col li{margin:.32rem 0}.footer-col a{font-size:.8rem;color:var(--muted);text-decoration:none}.footer-bottom{border-top:1px solid var(--border);padding-top:1.2rem;display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem}
.scroll-top{position:fixed;right:1.5rem;bottom:1.5rem;z-index:1200;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,background .2s}.scroll-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:var(--accent2);transform:translateY(-2px)}
.modal-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.82);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{width:100%;max-width:760px;max-height:90vh;overflow:auto;background:var(--card);border:1px solid var(--border2);border-radius:16px;padding:2rem;position:relative}.modal-close{position:absolute;right:1rem;top:1rem;width:32px;height:32px;border:0;border-radius:50%;background:var(--bg3);color:var(--text);cursor:pointer}.blog-detail-img{width:100%;height:260px;object-fit:cover;border-radius:10px;margin-bottom:1.2rem}.blog-detail-title{font-size:1.45rem;font-weight:800;margin-right:2rem;margin-bottom:1rem}.blog-detail-body{font-size:.9rem;color:var(--muted)}.blog-detail-body h2,.blog-detail-body h3{color:var(--text);font-size:1.05rem;margin:1rem 0 .35rem}.blog-detail-body p,.blog-detail-body ul,.blog-detail-body ol{margin-bottom:.75rem}.blog-detail-body ul,.blog-detail-body ol{padding-left:1.25rem}.blog-detail-body strong{color:var(--text)}
@media(max-width:960px){.nav-links,.btn-login,.btn-start{display:none}.hamburger-btn{display:flex}.program-card{grid-template-columns:280px 1fr}.people-grid{grid-template-columns:1fr}.value-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-col:last-child{display:none}}
@media(max-width:700px){nav,.container{padding-left:1.2rem;padding-right:1.2rem}.logo-text{display:none}.page-hero{padding-top:calc(var(--nav-h) + 3.2rem);padding-bottom:3rem}.section{padding:3.5rem 0}.program-card,.about-intro,.contact-wrap{grid-template-columns:1fr}.program-image{min-height:220px}.program-body{padding:1.3rem}.learn-grid,.value-grid,.blog-grid{grid-template-columns:1fr}.person{grid-template-columns:125px 1fr}.person>img{min-height:330px}.stat-row{grid-template-columns:1fr}.about-image img{height:280px}.contact-info{padding:1.4rem}.map iframe{min-height:320px}.cta .container{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.blog-detail-img{height:190px}.modal{padding:1.3rem}}
@media(max-width:700px){.scroll-top{right:1rem;bottom:1rem;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){body::after,.ambient-orb,.page-hero::after{animation:none;transform:none}html{scroll-behavior:auto}}