:root{--g0:#082a6b;--g1:#0b3a8f;--g2:#1565c0;--g3:#e8f1ff;--acc:#f59e0b}
body{font-family:"Segoe UI",system-ui,sans-serif;color:#1f2937;background:#fff}
.site-nav{background:linear-gradient(90deg,var(--g0),var(--g1) 55%,var(--g2));box-shadow:0 2px 12px rgba(8,42,107,.3)}
.site-nav .navbar-brand{color:#fff;font-weight:700;display:flex;align-items:center;gap:10px;white-space:normal;font-size:1rem}.site-nav .navbar-brand img{background:#fff;border-radius:50%;padding:1px}
.site-nav .nav-link{color:rgba(255,255,255,.88);font-size:.9rem;padding:.6rem .7rem}.site-nav .nav-link:hover,.site-nav .nav-link.active{color:#fff;background:rgba(255,255,255,.14);border-radius:8px}
.dropdown-menu{border:0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15)}.dropdown-item:active{background:var(--g2)}
.hero{background:radial-gradient(circle at 80% 20%,#2b7de9 0,transparent 40%),linear-gradient(135deg,var(--g0),var(--g1) 60%,var(--g2));color:#fff;padding:64px 0}
.hero h1{font-weight:800;font-size:clamp(1.8rem,4vw,3rem)}.hero p{opacity:.9}.hero .btn{border-radius:30px;padding:.65rem 1.4rem;font-weight:600}
.feat{border:0;border-radius:16px;box-shadow:0 4px 18px rgba(11,58,143,.1);transition:transform .15s}.feat:hover{transform:translateY(-3px)}.feat i{font-size:2rem;color:var(--g2)}
.site-crumb{background:var(--g3);padding:22px 0;margin-bottom:28px}.site-crumb h1{font-size:1.7rem;font-weight:700;color:var(--g1);margin:6px 0 0}
.card.course{border:0;border-radius:16px;box-shadow:0 4px 18px rgba(11,58,143,.1)}
.btn-primary{--bs-btn-bg:var(--g2);--bs-btn-border-color:var(--g2);--bs-btn-hover-bg:var(--g1);--bs-btn-hover-border-color:var(--g1)}
.form-control,.form-select{border-radius:10px}.form-label{font-weight:500;font-size:.85rem}
.site-foot{background:var(--g0);color:#cbd5e1;padding:40px 0 20px;margin-top:56px}.site-foot a{color:#fff;text-decoration:none}.site-foot h5,.site-foot h6{color:#fff}
.prose h3{color:var(--g1);font-size:1.25rem}.prose p{line-height:1.75}
@media (max-width:575px){.hero{padding:40px 0}}

#hero .carousel-item{height:420px;color:#fff}#hero .slide-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#2b7de9 0,transparent 40%),linear-gradient(135deg,var(--g0),var(--g1) 60%,var(--g2))}
#hero .slide-bg img{width:100%;height:100%;object-fit:cover}#hero .slide-bg.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,42,107,.82),rgba(8,42,107,.15))}
#hero .carousel-caption{left:8%;right:8%;bottom:auto;top:50%;transform:translateY(-50%);text-align:left;z-index:2}#hero h2{font-weight:800;font-size:clamp(1.5rem,3.4vw,2.6rem)}
.hero-ctl{position:absolute;right:12px;bottom:12px;z-index:5}
.news-panel{border-radius:16px;box-shadow:0 4px 18px rgba(11,58,143,.12);overflow:hidden;height:100%;background:#fff}.news-panel h5{background:var(--g1);color:#fff;margin:0;padding:12px 16px}
.ticker{height:310px;overflow:hidden;position:relative}.ticker ul{margin:0;padding:0;list-style:none;animation:tk var(--d,30s) linear infinite}.ticker:hover ul,.ticker:focus-within ul,.ticker.paused ul{animation-play-state:paused}
.ticker li{padding:10px 16px;border-bottom:1px solid #e5e7eb}.ticker li a{color:#1f2937;text-decoration:none;font-weight:500}.ticker li small{display:block;color:#6b7280}
@keyframes tk{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker{overflow:auto}.ticker ul{animation:none}}
@media (max-width:991px){#hero .carousel-item{height:320px}.ticker{height:260px}}