@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');:root{--navy:#243d6b;--blue:#426ca7;--pale:#eef4fb}body{font-family:"DM Sans",sans-serif;color:#253248}h1,h2,h3,h4,.navbar-brand{font-family:Manrope,sans-serif;letter-spacing:-.035em}h1{font-weight:800}h2{font-weight:800}.navbar{box-shadow:0 1px 15px #1c325018}.navbar-brand img{width:175px;max-height:65px;object-fit:contain}.nav-link{font-weight:700;color:#263c61!important}.nav-link:hover{color:#477ac0!important}.hero{background:linear-gradient(100deg,#14294be8,#233c65aa),url('../img/hero.webp') center 35%/cover;min-height:570px;display:flex;align-items:center;color:white}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.1}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:.75rem;color:#5784c5}.hero .eyebrow{color:#c3d9f7}.btn-primary{background:#315e9a;border-color:#315e9a}.btn-primary:hover{background:#254c80}.section{padding:76px 0}.bg-soft{background:#f3f7fc}.photo{width:100%;height:260px;object-fit:cover}.feature-card{border:1px solid #e5ebf3;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #233f6510;height:100%;background:white}.feature-card .body{padding:25px}.feature-card h3{font-size:1.2rem;font-weight:800}.level-photo{height:260px;width:100%;object-fit:cover}.pill{display:inline-block;background:#e9f1fb;color:#2b5b9d;padding:8px 14px;border-radius:30px;font-weight:700;font-size:.84rem}.nav-pills .nav-link{border-radius:12px}.nav-pills .nav-link.active{background:#315e9a;color:#fff!important}.footer{background:#152d50;color:#d8e5f7}.footer a{color:#d8e5f7;text-decoration:none}.footer a:hover{text-decoration:underline}.footer h5{color:white}.page-banner{background:#203b67;color:white;padding:75px 0}.detail-photo{height:410px;width:100%;object-fit:cover;border-radius:22px}.uniform-photo{height:410px;object-fit:cover;width:100%;border-radius:18px}.list-panel{background:white;border:1px solid #e2eaf5;border-radius:16px;padding:26px}.wa-float{position:fixed;bottom:22px;right:22px;z-index:99;border-radius:40px;padding:13px 20px;background:#16845d;color:white;text-decoration:none;font-weight:800;box-shadow:0 7px 25px #0003}.wa-float:hover{color:white;background:#116b4b}@media(max-width:767px){.section{padding:52px 0}.hero{min-height:500px}.detail-photo{height:280px}.uniform-photo{height:300px}.navbar-brand img{width:145px}}