@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;600;700&display=swap";
:root{--color-primary:#2ecc71;--color-primary-dark:#27ae60;--color-accent:#f1c40f;--gradient-primary:linear-gradient(135deg, #2ecc71, #f1c40f);--font-base:"Inter", sans-serif;--radius:.75rem;--shadow-sm:0 2px 4px #00000014;--shadow-lg:0 8px 20px #00000026}
.sectionWrapper{background:var(--sky-light);padding:80px 0;scroll-margin-top:100px;position:relative;overflow:hidden}.sectionWrapper:before{content:"";background:var(--gradient-primary);opacity:.08;pointer-events:none;position:absolute;inset:0}.sectionTitle{text-align:center;color:var(--primary);margin-bottom:24px;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700}.sectionSubtitle{color:var(--text-muted);text-align:center;max-width:720px;margin:0 auto 40px;font-size:1rem}.sectionWrapper{opacity:0;transition:var(--transition);transform:translateY(30px)}.sectionWrapper.inView{opacity:1;transform:translateY(0)}
:root{--primary:#0d5c6d;--primary-light:#0a7a8f;--primary-dark:#083d4d;--accent:#ffc22d;--accent-hover:#e6ae25;--accent-light:#fff3cd;--sky:#00b4d8;--sky-light:#e0f7fa;--sky-dark:#0096c7;--green:#2e7d32;--green-light:#e8f5e9;--white:#fff;--light:#f8fafc;--light-gray:#f0f7f9;--gray:#90a4ae;--dark-gray:#455a64;--text:#1c3a44;--text-muted:#5f7f8a;--border:#cfe8ed;--shadow-sm:0 1px 3px #0d5c6d14, 0 1px 2px #0d5c6d0f;--shadow:0 4px 20px #0d5c6d1f;--shadow-lg:0 10px 40px #0d5c6d2e;--shadow-xl:0 20px 60px #0d5c6d38;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:Outfit,sans-serif}input,select,textarea{outline:none;font-family:Outfit,sans-serif}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.section-badge{color:var(--sky-dark);letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-full);background:#00b4d81a;border:1px solid #00b4d840;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:var(--primary);margin-bottom:16px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.section-title span{color:var(--sky-dark);position:relative}.section-subtitle{color:var(--text-muted);max-width:560px;font-size:1rem;line-height:1.7}.btn{border-radius:var(--radius-full);transition:var(--transition);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{color:var(--primary-dark);background:#ffc22d;box-shadow:0 4px 15px #ffc22d66}.btn-primary:hover{background:#e6ae25;transform:translateY(-2px);box-shadow:0 8px 25px #ffc22d80}.btn-outline{color:var(--primary);border:2px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--sky);color:var(--sky-dark);transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--primary);box-shadow:var(--shadow)}.btn-white:hover{background:var(--light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #feb21066}50%{box-shadow:0 0 0 12px #feb21000}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:.7s forwards fadeInUp}.animate-scaleIn{animation:.5s forwards scaleIn}.page-header{text-align:center;background-color:#0000;background-image:linear-gradient(135deg,#083d4dd9 0%,#0d5c6dd9 100%),url(/images/hero.webp);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:100px 0 60px;position:relative;overflow:hidden}.page-header:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.page-header:after{content:"";background:linear-gradient(90deg, var(--sky) 0%, var(--accent) 50%, var(--green) 100%);height:4px;position:absolute;bottom:0;left:0;right:0}.page-header h1{color:var(--white);margin-bottom:16px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;position:relative}.page-header p{color:#fffc;font-size:1.1rem;position:relative}.breadcrumb{color:#ffffffa6;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex;position:relative}.breadcrumb a{color:#ffffffd9}.breadcrumb a:hover{color:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sky-light)}::-webkit-scrollbar-thumb{background:var(--sky-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{color:var(--primary);background:#00b4d833}@media (max-width:768px){.container{padding:0 16px}.btn{padding:12px 22px;font-size:14px}}
