:root{--navy:#082b52;--blue:#1265a8;--teal:#12a7a0;--gold:#f4b942;--ink:#26364a;--soft:#f4f8fc}
    *{scroll-behavior:smooth}
    body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);overflow-x:hidden}
    a{text-decoration:none}
    .topbar{background:var(--navy);color:#eaf4ff;font-size:.88rem}
    .topbar a{color:#fff;margin-left:15px}
    .brand-mark{width:80px;height:80px;display:grid;place-items:center;font-size:1.7rem;box-shadow:0 8px 24px}
    .brand-name{font-weight:800;line-height:1;color:var(--navy);letter-spacing:-.2px}
    .brand-sub{font-size:.77rem;color:#66768a;font-weight:600}
    .navbar{background:#fff;box-shadow:0 8px 28px #082b520d}
    .navbar .nav-link{font-weight:650;color:#29445e;padding:.8rem .75rem!important}
    .navbar .nav-link:hover,.navbar .nav-link.active{color:var(--teal)}
    .btn-brand{background:var(--teal);border:0;color:white;font-weight:700;padding:.8rem 1.25rem;border-radius:9px;box-shadow:0 8px 20px #12a7a029}
    .btn-brand:hover{background:#0c8d88;color:white;transform:translateY(-2px)}
    .hero .carousel-item{height:min(690px,76vh);min-height:490px;position:relative;background:#102f4c}
    .hero .carousel-item img{height:100%;width:100%;object-fit:cover;opacity:.66}
    .hero .carousel-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,48,.9),rgba(4,25,48,.46) 55%,rgba(4,25,48,.1))}
    .hero-caption{position:absolute;z-index:2;top:50%;left:clamp(24px,9vw,140px);right:12%;transform:translateY(-50%);color:#fff;max-width:740px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:2px;font-size:.78rem;font-weight:800;color:var(--teal)}
    .hero .eyebrow{color:#8af0df}
    .hero h1{font-size:clamp(2.3rem,5.1vw,4.7rem);line-height:1.04;letter-spacing:-1.8px;font-weight:850;margin:18px 0}
    .hero p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.8;max-width:610px;color:#e7f1fc}
    .carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;border:0}
    .quick-strip{position:relative;margin-top:-44px;z-index:5}
    .quick-card{height:100%;padding:25px;border-radius:16px;background:#fff;box-shadow:0 14px 42px #082b5214;border:1px solid #eaf0f6;transition:.3s}
    .quick-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #082b5221}
    .icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#e8f8f6;color:var(--teal);font-size:1.45rem;margin-bottom:15px}
    section{padding:88px 0}
    .section-title{font-weight:850;letter-spacing:-1px;color:var(--navy);font-size:clamp(2rem,3.4vw,3rem)}
    .section-lead{color:#687a8c;max-width:680px;line-height:1.8}
    .about-image{min-height:430px;border-radius:22px;overflow:hidden;position:relative}
    .about-image img{width:100%;height:100%;min-height:430px;object-fit:cover}
    .image-badge{position:absolute;bottom:22px;left:22px;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:0 12px 32px #0002}
    .image-badge strong{font-size:1.8rem;color:var(--teal);display:block}
    .check-list{list-style:none;padding:0;margin:24px 0}
    .check-list li{margin:13px 0;display:flex;gap:12px;align-items:flex-start}
    .check-list i{color:var(--teal);font-size:1.15rem}
    .vision-section{background:linear-gradient(135deg,#082b52,#0c4e7e);color:white}
    .vision-section .section-title{color:white}
    .vision-card{height:100%;padding:30px;border:1px solid #ffffff27;background:#ffffff0b;border-radius:18px;transition:.3s}
    .vision-card:hover{background:#ffffff15;transform:translateY(-5px)}
    .vision-card i{font-size:2rem;color:#77e4d5}
    .vision-card h3{font-size:1.35rem;font-weight:800;margin:18px 0 10px}
    .vision-card p{color:#d2e5f4;line-height:1.8;margin:0}
    .event-card,.course-card{height:100%;border:1px solid #e8eef5;border-radius:17px;overflow:hidden;background:white;transition:.3s}
    .event-card:hover,.course-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #082b5218}
    .event-card img,.course-card img{height:220px;width:100%;object-fit:cover}
    .event-body,.course-body{padding:24px}
    .date-pill{display:inline-block;background:#e9f8f6;color:#087e79;padding:6px 10px;border-radius:7px;font-size:.78rem;font-weight:800}
    .event-body h3,.course-body h3{font-size:1.22rem;font-weight:800;color:var(--navy);margin:13px 0}
    .event-body p,.course-body p{color:#687a8c;line-height:1.7}
    .text-link{color:var(--teal);font-weight:800}
    .stats{background:var(--soft)}
    .stat-box{text-align:center;padding:24px}
    .stat-box strong{font-size:clamp(2rem,3vw,3rem);font-weight:850;color:var(--navy);display:block}
    .stat-box span{color:#6d7f90;font-weight:650}
    .course-card .course-body{padding:23px}
    .course-meta{display:flex;gap:12px;flex-wrap:wrap;color:#748496;font-size:.85rem}
    .gallery-wrap{overflow:hidden}
    .gallery-track{display:flex;gap:18px;width:max-content;animation:galleryScroll 34s linear infinite}
    .gallery-track:hover{animation-play-state:paused}
    .gallery-item{width:300px;height:220px;border-radius:16px;overflow:hidden;position:relative;flex-shrink:0}
    .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
    .gallery-item:hover img{transform:scale(1.08)}
    .gallery-item span{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 14px;color:white;font-weight:750;background:linear-gradient(transparent,#061c35d9)}
    @keyframes galleryScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .cta{background:linear-gradient(110deg,#0b8e91,#1265a8);color:white;border-radius:22px;padding:clamp(28px,5vw,54px)}
    .cta h2{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:850}
    .cta p{color:#e3f6ff;line-height:1.8}
    .btn-white{background:#fff;color:var(--navy);font-weight:800;border-radius:9px;padding:.85rem 1.2rem}
    footer{background:#061f3b;color:#d6e4f1}
    .footer-main{padding:65px 0 40px}
    footer h5{color:#fff;font-weight:800;margin-bottom:20px}
    footer p,footer li{color:#b6c9dc;line-height:1.9}
    .footer-links{list-style:none;padding:0}
    .footer-links a{color:#b6c9dc}
    .footer-links a:hover{color:#80e6d8}
    .social-link{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff14;color:white;margin-right:7px;transition:.2s}
    .social-link:hover{background:var(--teal);color:white}
    .footer-bottom{border-top:1px solid #ffffff1a;padding:18px 0;font-size:.9rem;color:#a7bdd0}
    .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
    .back-top{position:fixed;right:20px;bottom:20px;z-index:50;width:45px;height:45px;border:0;border-radius:12px;background:var(--teal);color:#fff;box-shadow:0 8px 22px #0002;display:none}
    .back-top.show{display:block}
    @media(max-width:767px){.hero .carousel-item{height:620px;min-height:0}.hero-caption{left:24px;right:24px}.hero h1{letter-spacing:-.8px}.quick-strip{margin-top:24px}.about-image,.about-image img{min-height:320px}section{padding:65px 0}.topbar .contact-mini{display:none}.gallery-item{width:250px;height:190px}.brand-mark{width:52px;height:52px;border-radius:14px}.brand-name{font-size:.98rem}.brand-sub{font-size:.68rem}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}