.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#015387;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 3px 6px #0000004d;transition:background .3s ease}.navbar-left{display:flex;align-items:center;gap:.8rem}.logo{height:50px;border-radius:6px;transition:transform .3s}.logo:hover{transform:scale(1.05)}.brand-name{margin:0;font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:1px}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-item{color:#fff;text-decoration:none;font-weight:500;position:relative;transition:color .3s}.nav-item:after{content:"";display:block;width:0%;height:2px;background:#fff;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-item:hover{color:#fff}.nav-item:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.bar{width:25px;height:3px;background-color:#fff;transition:.3s}.bar.change:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.bar.change:nth-child(2){opacity:0}.bar.change:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width:768px){.nav-links{position:absolute;top:70px;right:0;background-color:#000;flex-direction:column;width:200px;padding:1rem;gap:1rem;display:none;border-radius:0 0 8px 8px}.nav-links.active,.hamburger{display:flex}}.footer{background-color:#036;color:#fff;padding:1.2rem 1rem;font-family:Arial,sans-serif}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;max-width:1200px;margin:0 auto}.footer-section{flex:1 1 200px}.footer-section h3{margin-bottom:.5rem;font-size:1.1rem;color:orange}.footer-links{list-style:none;padding:0;margin:0}.footer-link{color:#fff;text-decoration:none;display:block;margin-bottom:.3rem;transition:color .3s}.footer-link:hover{color:orange}.footer-section p{margin:.2rem 0}.footer-bottom{flex-basis:100%;text-align:center;margin-top:1rem;font-size:.85rem;opacity:.9}.team{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;margin-bottom:20px;padding:20px}.team h2{color:#fff;background-color:#015387;text-align:center;padding:15px 0;border-radius:0 40px;font-size:2rem;margin-bottom:40px}.team-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.team-member{display:flex;flex-direction:column;align-items:center;max-width:220px;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.team-member img{width:100%;height:auto;border-radius:15px;margin-bottom:15px;object-fit:cover;box-shadow:0 4px 8px #0003}.team-member figcaption h3{font-size:1.2rem;margin-bottom:5px;color:#015387}.team-member figcaption p{font-size:1rem;color:#333;font-weight:500}.team-member:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000004d}@media(max-width:900px){.team-grid{gap:20px}}@media(max-width:600px){.team-member{max-width:90%}}.hero-section{position:relative;width:100%;height:60vh;overflow:hidden;border-radius:12px}@media(min-width:768px){.hero-section{height:70vh}}@media(min-width:1024px){.hero-section{height:75vh}}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;animation:kenburns 14s ease-in-out both;transform-origin:center;z-index:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000073,#0000008c);z-index:2}.hero-text-container{position:relative;z-index:3;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 1.5rem}.hero-text-block{text-align:center;max-width:700px;color:#fff}.hero-title{font-size:.5rem;font-weight:700;text-shadow:0 4px 16px rgba(0,0,0,.5);line-height:1.2;margin-bottom:.8rem}@media(min-width:640px){.hero-title{font-size:2rem}}@media(min-width:768px){.hero-title{font-size:1.5rem}}.hero-subtitle{font-size:.95rem;margin-top:.5rem;line-height:1.4;color:#ffffffe6}@media(min-width:640px){.hero-subtitle{font-size:1rem}}@media(min-width:768px){.hero-subtitle{font-size:1.1rem}}.hero-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn-primary{background:#fff;color:#1a1a1a;padding:.75rem 1.8rem;border-radius:8px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #0003;transition:all .3s ease}.btn-primary:hover{background:#f0f0f0;box-shadow:0 6px 16px #00000040}.btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.8);color:#fff;padding:.75rem 1.8rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a}.hero-pager{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:5}.pager-dot{width:12px;height:4px;border-radius:9999px;background:#ffffff4d;transition:all .3s ease;cursor:pointer}.pager-dot.active{background:#ffffffe6;transform:scaleX(1.5)}.hero-section{position:relative;width:100%;height:60vh;max-height:75vh;overflow:hidden;border-radius:0 0 10% 10%}.hero-slide{position:absolute;inset:0;width:100%;height:100%}.hero-image{width:100%;height:100%;object-fit:cover;animation:kenburns 14s ease-in-out both;transform-origin:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000073,#0000008c)}.hero-text-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 1.5rem}.hero-text-block{max-width:48rem;text-align:center}.hero-title{color:#0cf;text-shadow:#000000;font-size:1.25rem;line-height:1.2;font-weight:700;text-shadow:0 6px 24px rgba(0,0,0,.55)}@media(min-width:640px){.hero-title{font-size:1rem}}@media(min-width:768px){.hero-title{font-size:2.75rem}}@media(min-width:1024px){.hero-title{font-size:3.5rem}}.hero-subtitle{margin-top:1rem;color:#ffffffe6;font-size:1rem;text-shadow:0 6px 24px rgba(0,0,0,.55);max-width:36rem;margin-left:auto;margin-right:auto}@media(min-width:640px){.hero-subtitle{font-size:1.125rem}}@media(min-width:768px){.hero-subtitle{font-size:1.25rem}}.hero-buttons{margin-top:1.5rem;display:flex;gap:.75rem;justify-content:center}.btn-primary{padding:.75rem 1.5rem;background-color:#fff;color:#1a1a1a;font-weight:600;border-radius:6px;box-shadow:0 4px 10px #00000026;text-decoration:none;transition:.3s}.btn-primary:hover{box-shadow:0 6px 15px #00000040}.btn-secondary{padding:.75rem 1.5rem;border:2px solid #00ccff;color:#0cf;border-radius:6px;font-weight:600;text-decoration:none;transition:.3s}.btn-secondary:hover{background-color:#ffffff1a}.hero-pager{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:20}.pager-dot{width:2.5rem;height:.5rem;border-radius:999px;background-color:#ffffff4d;transition:.3s}.pager-dot:hover{background-color:#fff9}.pager-dot.active{background-color:#ffffffe6;transform:scaleX(1.1)}.page-container{font-family:Poppins,sans-serif;color:#1a1a1a;line-height:1.6}.section{padding:3rem 1.5rem;max-width:1100px;margin:0 auto}.section h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.section p{color:#1d1d1d;font-size:1rem;line-height:1.75}.section-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.section-grid{grid-template-columns:repeat(2,1fr)}}.card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.card img:hover{transform:scale(1.05)}.card-content{padding:1.25rem}@media(max-width:640px){.hero-title{font-size:1rem}.hero-subtitle{font-size:.9rem}}.about-hero{position:relative;height:60vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.hero-overlay{background:#00000080;padding:2rem;text-align:center;color:#fff;border-radius:10px}.hero-overlay h1{color:#0cf}.about-story,.about-team,.about-vision-mission{padding:4rem 1rem;background-color:#f9f9f9}.container{max-width:1200px;margin:0 auto}.about-story h2,.about-team h2,.about-vision-mission h2{text-align:center;margin-bottom:2rem}.story-img{width:100%;border-radius:10px;margin-top:1.5rem;display:block}.vision-mission-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.card{flex:1 1 300px;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;text-align:center}.contact-page{width:100%;display:flex;flex-direction:column;font-family:Inter,sans-serif}.contact-hero{height:55vh;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact-hero:before{content:"";position:absolute;inset:0;background:#0000008c}.contact-hero h1{position:relative;font-size:3rem;color:#0cf;font-weight:700}.contact-hero p{position:relative;margin-top:1rem;max-width:700px;font-size:1.1rem;color:#f0f0f0}.contact-form-wrapper{margin-top:3rem;display:flex;justify-content:center;padding:1rem}.contact-form{background:#fff;padding:2rem;width:100%;max-width:600px;border-radius:16px;box-shadow:0 10px 28px #0000001f;display:flex;flex-direction:column;gap:1.1rem}.contact-form input,.contact-form textarea{padding:.9rem;border:1px solid #d3d3d3;border-radius:8px;font-size:1rem;transition:.25s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#00c6ff;box-shadow:0 0 6px #00c6ff73}.contact-form button{background:#0077c8;color:#fff;padding:1rem;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:.3s ease}.contact-form button:hover{background:#005fa3}.contact-info{margin-top:4rem;margin-bottom:4rem;text-align:center;padding:0 1rem}.contact-info h2{font-size:2rem;font-weight:600}.contact-info p{font-size:1.1rem;margin-top:.4rem;color:#555}@media(max-width:768px){.contact-hero h1{font-size:2.3rem}.contact-hero p{font-size:1rem;padding:0 1rem}.contact-form{padding:1.5rem}}@tailwind base;@tailwind components;@tailwind utilities;@keyframes kenburns{0%{transform:scale(1) translateY(0)}to{transform:scale(1.06) translateY(-2%)}}.fade-in{@apply opacity-0 animate-fadeIn;}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{@apply opacity-0 translate-y-6 animate-slideUp;}@keyframes slideUp{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.pulse{@apply animate-pulse;}.hero-backdrop{@apply absolute inset-0 bg-gradient-to-b from-black/45 to-black/55;}.hero-text-shadow{text-shadow:0 6px 24px rgba(0,0,0,.55)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:linear-gradient(120deg,#fdfbfb,#ebedee);color:#1a1a1a;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-weight:700;margin-bottom:1rem;color:#015387}p{font-size:1rem;margin-bottom:1rem}.page-container{@apply max-w-[1100px] mx-auto p-12 bg-white rounded-xl shadow-lg;}nav{@apply bg-blue-900 flex justify-between items-center p-4 md:p-6 sticky top-0 shadow-md z-50;}nav a{@apply text-white font-semibold ml-4 transition-all duration-300;}nav a:hover{@apply text-yellow-400;text-shadow:0 0 5px #0e4989}.hero{@apply text-center py-20 md:py-32 relative rounded-xl mb-12 overflow-hidden;background:linear-gradient(120deg,#004080,#06c)}.hero h1{@apply text-4xl md:text-6xl mb-4 text-white hero-text-shadow;}.hero p{@apply text-lg md:text-2xl max-w-2xl mx-auto text-white hero-text-shadow;}section{@apply mb-12;}section h2{@apply mb-6 border-b-2 border-blue-900 inline-block pb-1;}button{@apply bg-blue-900 text-white font-semibold px-6 py-3 rounded-md shadow-md transition-all duration-300;}button:hover{@apply bg-blue-700 -translate-y-1 shadow-lg;}input,textarea{@apply w-full p-3 mb-4 border-2 border-gray-300 rounded-md text-base transition-all duration-300;}input:focus,textarea:focus{@apply border-blue-900 outline-none shadow-md;}footer{@apply bg-blue-900 text-white text-center p-8 mt-12 shadow-inner;}@media(max-width:768px){nav{@apply flex-col gap-3;}.hero h1{@apply text-2xl;}.hero p{@apply text-base;}}