:root{--primary:#087f8c;--primary-dark:#075d68;--blue:#1268a8;--ink:#15333b;--muted:#657981;--soft:#eef8f7;--radius:20px}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none}.skip-link{position:fixed;z-index:9999;background:#fff;padding:10px}.institution-header{background:#fff}.brand-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#35b99e);color:#fff;font-size:30px;box-shadow:0 10px 25px #087f8c35}.institution-header small{font-size:.7rem;letter-spacing:1.3px;color:#55727a}.institution-header .agency{font-size:.78rem;font-weight:700;color:var(--primary)}.institution-header h1{font-size:1.22rem;margin:2px 0 0;font-weight:800;letter-spacing:.2px}.header-contact span{display:grid;grid-template-columns:28px auto;font-size:.72rem;color:var(--muted)}.header-contact i{grid-row:1/3;color:var(--primary);font-size:19px}.header-contact b{font-size:.82rem;color:var(--ink)}.navbar{background:rgba(5,97,108,.97);box-shadow:0 5px 20px #092f3530}.navbar-brand{font-weight:800}.nav-link{color:#dcedef!important;font-size:.84rem;padding:.95rem .65rem!important}.nav-link:hover{color:#fff!important}.offcanvas{max-width:310px}.mobile-link{display:flex;justify-content:space-between;color:var(--ink);padding:14px 5px;border-bottom:1px solid #edf1f2}.hero{min-height:590px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(4,74,88,.98),rgba(5,132,139,.88)),radial-gradient(circle at 80%,#51c5ae,#087f8c);color:#fff}.hero:after{content:"";position:absolute;right:-90px;bottom:-200px;width:620px;height:620px;border:1px solid #ffffff28;border-radius:50%;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff08}.hero-pattern{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(30deg,#fff 12%,transparent 12.5%,transparent 87%,#fff 87.5%,#fff),linear-gradient(150deg,#fff 12%,transparent 12.5%,transparent 87%,#fff 87.5%,#fff);background-size:80px 140px}.hero-content{position:relative;z-index:2}.eyebrow{display:inline-flex;gap:8px;background:#ffffff18;border:1px solid #ffffff30;padding:9px 14px;border-radius:30px;font-size:.82rem}.hero h2{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-3px;font-weight:800;margin:28px 0}.hero h2 span{color:#a7f1d8}.hero p{max-width:650px;font-size:1.1rem;color:#d9f3f1;margin-bottom:30px}.hero .btn{border-radius:12px;font-weight:700;padding:13px 21px}.hero-orbit{position:absolute;right:13%;top:30%;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff38;font-size:64px;color:#baf6df;z-index:2;animation:float 4s ease-in-out infinite}.quick-info{position:relative;margin-top:-44px;z-index:5}.quick-card{height:100%;display:flex;gap:15px;align-items:center;padding:20px;background:#fff;border-radius:16px;box-shadow:0 12px 35px #183d4520}.quick-card>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--primary);font-size:20px}.quick-card small,.quick-card strong{display:block}.quick-card small{font-size:.72rem;color:var(--muted)}.quick-card strong{font-size:.85rem}.section-pad{padding:100px 0}.section-heading span{color:var(--primary);text-transform:uppercase;font-weight:800;letter-spacing:1.5px;font-size:.78rem}.section-heading h2{font-size:clamp(2rem,4vw,3.15rem);font-weight:800;letter-spacing:-1.5px;max-width:740px;margin:10px auto 14px}.section-heading p{color:var(--muted);max-width:620px;margin:auto}.service-card{display:flex;gap:20px;height:100%;padding:28px;border:1px solid #e5edee;border-radius:var(--radius);color:var(--ink);transition:.25s}.service-card>i{flex:0 0 54px;height:54px;border-radius:15px;background:var(--soft);color:var(--primary);display:grid;place-items:center;font-size:25px}.service-card h3{font-size:1.08rem;font-weight:800}.service-card p{color:var(--muted);font-size:.9rem;min-height:42px}.service-card span{font-size:.8rem;color:var(--primary);font-weight:700}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #183d4518;border-color:transparent}.welcome{background:#f4f9f9}.portrait{position:relative;max-width:420px;margin:auto}.portrait-placeholder{height:480px;border-radius:120px 24px 24px 24px;background:linear-gradient(150deg,#cae8e2,#63b7ad);display:grid;place-items:center;color:#fff;font-size:150px;overflow:hidden}.portrait-label{position:absolute;right:-30px;bottom:25px;background:#fff;padding:16px 22px;border-radius:14px;box-shadow:0 15px 40px #16394026}.portrait-label small,.portrait-label strong{display:block}.welcome .section-heading h2{margin-left:0}.welcome p{color:var(--muted);line-height:1.8}.welcome blockquote{border-left:4px solid var(--primary);padding:12px 20px;font-size:1.15rem;font-weight:700}.cta-section{padding:70px 0}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px;border-radius:28px;color:#fff;background:linear-gradient(120deg,var(--primary-dark),#10a494);box-shadow:0 20px 50px #087f8c2f}.cta-box span{color:#baf6df;text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:1px}.cta-box h2{max-width:650px;font-weight:800}.site-footer{background:#0b3038;color:#c4d6d8}.site-footer h4,.site-footer h5{color:#fff;font-weight:800}.site-footer a{display:block;color:#c4d6d8;margin:8px 0}.site-footer a:hover{color:#fff}.socials{display:flex;gap:10px}.socials a{width:40px;height:40px;border-radius:10px;background:#ffffff12;display:grid;place-items:center}.admin-link{font-size:.85rem}.floating-wa,#backToTop{position:fixed;right:22px;border:0;z-index:20;display:grid;place-items:center;color:#fff}.floating-wa{bottom:22px;width:56px;height:56px;border-radius:50%;background:#25d366;font-size:27px;box-shadow:0 10px 25px #0003}.floating-wa:hover{color:#fff;transform:scale(1.05)}#backToTop{bottom:90px;width:40px;height:40px;border-radius:10px;background:var(--primary);opacity:0;pointer-events:none;transition:.2s}#backToTop.show{opacity:1;pointer-events:auto}#pageLoader{position:fixed;inset:0;background:#fff;z-index:10000;display:grid;place-items:center;transition:.4s}#pageLoader span{width:38px;height:38px;border:4px solid #dbeeed;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.reveal{opacity:0;transform:translateY(22px);transition:.65s}.reveal.visible{opacity:1;transform:none}.content-hero{padding:75px 0;background:linear-gradient(115deg,#075d68,#0a9c92);color:#fff}.content-hero h1{font-weight:800;font-size:clamp(2.2rem,5vw,4rem)}.content-page{min-height:350px}.info-panel{padding:35px;border-radius:20px;border:1px solid #e6eeee;background:#fff;box-shadow:0 15px 45px #193b4210}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-15px)}}@media(max-width:991px){.hero-orbit{opacity:.25;right:-30px}.hero{min-height:540px}.nav-link{padding:.5rem!important}.sidebar{} }.btn-primary{background:var(--primary);border-color:var(--primary)}@media(max-width:767px){.institution-header h1{font-size:.95rem}.brand-mark{width:50px;height:50px}.hero h2{letter-spacing:-2px}.hero{min-height:520px}.quick-info{margin-top:-25px}.quick-card{padding:14px;display:block}.quick-card>i{margin-bottom:10px}.section-pad{padding:70px 0}.portrait-placeholder{height:380px}.portrait-label{right:5px}.cta-box{padding:30px;display:block}.cta-box .d-flex{margin-top:25px}.section-heading h2{font-size:2rem}}