@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--navy:#003b6f;--navy-dark:#002347;--navy-deeper:#001529;--cyan:#00b7e5;--cyan-light:#33c9ec;--cyan-glow:#00b7e52e;--white:#fff;--gray-50:#f7fafc;--gray-100:#eef2f7;--gray-200:#dde6ef;--gray-300:#b8ccdb;--text:#1a2b3c;--text-2:#3d5368;--text-3:#7990a3;--green:#0d9e60;--green-bg:#d6f5e8;--amber:#e07d10;--amber-bg:#fef0d9;--shadow-xs:0 1px 4px #001e3c0f;--shadow-sm:0 2px 10px #001e3c14;--shadow-md:0 4px 24px #001e3c1a;--shadow-lg:0 8px 40px #001e3c24;--shadow-xl:0 16px 64px #001e3c2e;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:40px;--sp-6:48px;--sp-7:56px;--sp-8:64px;--sp-10:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--gray-50);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{width:min(1240px,100% - 48px);margin:0 auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ph{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);border-radius:var(--r-sm);background-size:400% 100%;animation:2s ease-in-out infinite shimmer}.section-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.section-heading{color:var(--navy-dark);text-transform:uppercase;letter-spacing:.4px;font-size:28px;font-weight:800;line-height:1.2}.section-heading span{background:linear-gradient(90deg, var(--cyan), var(--cyan-light));border-radius:var(--r-full);width:48px;height:4px;margin-top:8px;display:block}.topbar{z-index:300;-webkit-backdrop-filter:blur(14px);background:#002347f5;border-bottom:1px solid #ffffff12}.topbar--reveal{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur();box-shadow:none;pointer-events:none;background:#002347b8;transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .55s cubic-bezier(.33,1,.68,1),background .6s,-webkit-backdrop-filter .6s,backdrop-filter .6s,box-shadow .65s,visibility 0s linear .85s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.topbar--reveal:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--cyan-light), transparent);opacity:0;width:0;height:2px;transition:width .7s cubic-bezier(.16,1,.3,1) .2s,opacity .4s .15s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.topbar--reveal.topbar--visible{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#002347f5;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.22,1,.36,1),background .55s 80ms,-webkit-backdrop-filter .55s 80ms,backdrop-filter .55s 80ms,box-shadow .6s .1s,visibility;transform:translate(0,0);box-shadow:0 4px 20px #001e3c26,0 12px 48px #003b6f52}.topbar--reveal.topbar--visible:after{opacity:1;width:min(480px,72%)}.topbar--reveal .logo-wrap,.topbar--reveal .nav-list{opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(-14px)}.topbar--reveal.topbar--visible .logo-wrap{opacity:1;transition-delay:.18s;transform:translate(0,0)}.topbar--reveal.topbar--visible .nav-list{opacity:1;transition-delay:.32s;transform:translate(0,0)}.topbar--reveal .nav-link{transition:background .15s,color .15s,transform .35s cubic-bezier(.16,1,.3,1)}.topbar--reveal.topbar--visible .nav-link{animation:.5s cubic-bezier(.16,1,.3,1) backwards nav-link-in}.topbar--reveal.topbar--visible .nav-link:first-child{animation-delay:.28s}.topbar--reveal.topbar--visible .nav-link:nth-child(2){animation-delay:.34s}.topbar--reveal.topbar--visible .nav-link:nth-child(3){animation-delay:.4s}.topbar--reveal.topbar--visible .nav-link:nth-child(4){animation-delay:.46s}.topbar--reveal.topbar--visible .nav-link:nth-child(5){animation-delay:.52s}.topbar--reveal.topbar--visible .nav-link:nth-child(6){animation-delay:.58s}.topbar--reveal.topbar--visible .nav-link:nth-child(7){animation-delay:.64s}@keyframes nav-link-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.topbar--reveal,.topbar--reveal.topbar--visible,.topbar--reveal .logo-wrap,.topbar--reveal .nav-list,.topbar--reveal:after{transition-duration:.01ms!important;animation:none!important}.topbar--reveal.topbar--visible .nav-link{opacity:1;transform:none;animation:none!important}}.topbar--pinned{position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:var(--sp-3);height:72px;display:flex}.logo-wrap{flex-shrink:0;align-items:center;gap:12px;display:flex}.logo-badge{border-radius:var(--r-full);background:linear-gradient(135deg, var(--cyan), var(--navy));color:#fff;letter-spacing:.5px;border:2px solid #fff3;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:11px;font-weight:900;display:grid}.logo-text{color:#fff;text-transform:uppercase;letter-spacing:.8px;font-size:11.5px;font-weight:600;line-height:1.4}.logo-text strong{letter-spacing:1px;font-size:13px;font-weight:800;display:block}.site-logo{object-fit:contain;display:block;width:auto!important;height:auto!important}.site-logo--header{max-width:min(220px,42vw);max-height:48px}.site-logo--footer{max-width:180px;max-height:84px;margin:0 auto var(--sp-3)}.footer-logo-fallback{margin-bottom:var(--sp-2);flex-direction:column;align-items:center;gap:6px;display:flex}.footer-logo-abbr{border-radius:var(--r-full);background:linear-gradient(135deg, var(--cyan) 0%, var(--navy) 100%);color:#fff;letter-spacing:1px;border:2px solid #fff3;place-items:center;width:72px;height:72px;font-size:20px;font-weight:900;display:grid}.footer-logo-name{color:#ffffff8c;white-space:nowrap;font-size:12px;font-weight:600}._footer-logo-fallback-old{border-radius:var(--r-full);color:#fff;width:84px;height:84px;margin:0 auto var(--sp-3);background:#ffffff0d;border:2px solid #ffffff26;place-items:center;font-size:15px;font-weight:900;display:grid}.nav-list{align-items:center;gap:2px;display:flex}.nav-link{color:#fffc;border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:4px;padding:8px 13px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link-active{color:#fff;background:#00b7e533;font-weight:600}.nav-link svg{opacity:.6;width:12px;height:12px}.home-page{overflow-x:hidden}.hero{background:var(--navy-dark);flex-direction:column;min-height:560px;display:flex;position:relative;overflow:hidden}.hero-fullscreen{height:100dvh;min-height:100dvh}.home-content{z-index:10;background:var(--gray-50);position:relative}.hero-video-wrap{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-video{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(#002347b8 0%,#003b6f80 40%,#002347d1 100%);position:absolute;inset:0}.hero-dots{z-index:2;pointer-events:none;background-image:radial-gradient(circle,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.hero-inner{z-index:3;width:100%;min-height:100%;padding-top:var(--sp-8);flex-direction:column;flex:1;display:flex;position:relative}.hero-scroll-hint{bottom:var(--sp-3);z-index:4;color:#ffffffbf;letter-spacing:1.5px;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:color .2s,transform .2s;animation:2s ease-in-out infinite hero-scroll-bounce;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll-hint:hover{color:#fff}@keyframes hero-scroll-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.hero-top{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.hero-bottom{justify-content:center;align-items:flex-end;width:100%;margin-top:auto;display:flex}.hero-search{-webkit-backdrop-filter:blur(20px);border-radius:var(--r-full);background:#ffffff1f;border:1px solid #ffffff38;align-items:center;gap:14px;width:min(700px,100%);padding:6px 8px 6px 22px;display:flex;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.hero-search-icon{color:#fff9;flex-shrink:0}.hero-search-text{color:#ffffffb3;flex:1;font-size:15px;font-weight:400}.hero-search-btn{background:var(--cyan);color:#fff;border-radius:var(--r-full);white-space:nowrap;padding:10px 22px;font-size:13px;font-weight:700;transition:background .15s,transform .1s}.hero-search-btn:hover{background:var(--cyan-light);transform:scale(1.02)}.hero-mayor{justify-content:center;align-items:flex-end;gap:var(--sp-4);max-width:100%;display:flex}.mayor-img-wrap{flex-shrink:0;justify-content:center;align-items:flex-end;line-height:0;display:flex;position:relative}.mayor-photo{object-fit:contain;object-position:bottom center;max-width:min(340px,48vw);max-height:min(58vh,520px);display:block;width:auto!important;height:auto!important}.mayor-photo-placeholder{border-radius:var(--r-md);background:linear-gradient(160deg,#5b9abf 0%,#2d7099 50%,#1a5a80 100%);width:200px;height:280px}.mayor-text{color:#fff;padding-bottom:var(--sp-4);text-align:left;max-width:340px}.mayor-signature-img{object-fit:contain;object-position:left bottom;filter:brightness(0)invert();opacity:.92;max-width:220px;max-height:72px;margin-bottom:10px;display:block;width:auto!important;height:auto!important}.mayor-signature-fallback{border-bottom:2px solid #ffffff59;width:160px;height:48px;margin-bottom:10px}.mayor-name{letter-spacing:1px;text-shadow:0 2px 20px #0000004d;font-size:36px;font-weight:900;line-height:1.05}.mayor-title{letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-top:6px;font-size:12px;font-weight:600}.hero-stamp{border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#00b7e51a;border:2.5px dashed #ffffff4d;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:108px;height:108px;padding:12px;font-size:11px;font-weight:700;line-height:1.3;animation:4s ease-in-out infinite float;display:flex}.hero-stamp .stamp-accent{color:var(--cyan);font-size:16px;font-weight:900}.sec{padding:var(--sp-7) 0}.news-grid{grid-template-columns:1.65fr 1fr;align-items:start;gap:20px;display:grid}.news-featured{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);background:var(--navy-deeper);cursor:pointer;min-height:400px;position:relative;overflow:hidden}.news-featured-img{background:var(--navy-deeper);width:100%;height:400px;display:block;position:relative;overflow:hidden}.news-featured-img .home-image-wrap{z-index:0;position:absolute;inset:0}.news-featured-overlay{z-index:2;padding:var(--sp-3);background:linear-gradient(#0000 0%,#0028504d 50%,#001428e0 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.news-featured-tag{background:var(--cyan);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:var(--r-full);align-items:center;gap:6px;width:fit-content;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.news-featured-title{color:#fff;text-shadow:0 2px 12px #00000080;font-size:19px;font-weight:800;line-height:1.35}.news-featured-excerpt{color:#ffffffe0;max-width:92%;margin-top:8px;font-size:14px;line-height:1.5}.news-featured-date{color:var(--cyan-light);margin-top:10px;font-size:12px;font-weight:600;display:inline-block}.news-slider,.news-swiper{border-radius:var(--r-lg);width:100%;min-height:400px}.news-swiper-slide{height:400px!important}.news-swiper .swiper-wrapper{align-items:stretch}.news-swiper .swiper-button-prev,.news-swiper .swiper-button-next{color:#fff;border-radius:var(--r-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;width:40px;height:40px}.news-swiper .swiper-button-prev:after,.news-swiper .swiper-button-next:after{font-size:16px;font-weight:700}.news-swiper .swiper-pagination-bullet{opacity:1;background:#ffffff73}.news-swiper .swiper-pagination-bullet-active{background:var(--cyan);border-radius:var(--r-full);width:22px}.news-panel{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);flex-direction:column;min-height:400px;display:flex;overflow:hidden}.news-panel-head{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--gray-100);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-3);font-size:12px;font-weight:700}.news-item{padding:12px var(--sp-3);border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:center;gap:14px;transition:background .15s;display:flex}.news-item:last-of-type{border-bottom:none}.news-item:hover{background:var(--gray-50)}.news-item-thumb{border-radius:var(--r-md);background:var(--gray-200);width:72px;height:72px;box-shadow:var(--shadow-xs);flex-shrink:0;position:relative;overflow:hidden}.news-item-thumb .home-image-wrap{position:absolute;inset:0}.news-item-body{flex:1;min-width:0}.news-item-text{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.news-item-date{color:var(--text-3);margin-top:4px;font-size:11px;font-weight:600;display:block}.news-panel-footer{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--gray-100)}.btn{border-radius:var(--r-md);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .18s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--navy), var(--navy-dark));color:#fff;box-shadow:0 4px 14px #003b6f40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #003b6f59}.btn-outline{color:var(--navy);border:1.5px solid var(--gray-200);background:0 0}.btn-outline:hover{border-color:var(--navy);background:var(--gray-50)}.btn-cyan{background:linear-gradient(135deg, var(--cyan), #0096c7);color:#fff;box-shadow:0 4px 14px #00b7e54d}.btn-cyan:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00b7e573}.btn-ghost{color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.btn-ghost:hover{background:#ffffff2e}.btn-full{width:100%}.btn-sm{border-radius:var(--r-sm);padding:7px 14px;font-size:12.5px}.btn-icon{opacity:.7;width:10px;height:10px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quick-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);cursor:pointer;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.quick-card:after{content:"";background:linear-gradient(135deg, var(--cyan-glow) 0%, transparent 70%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.quick-card:hover{box-shadow:var(--shadow-md);border-color:#00b7e566;transform:translateY(-3px)}.quick-card:hover:after{opacity:1}.quick-icon-wrap{background:linear-gradient(135deg, var(--cyan-glow), #003b6f12);z-index:1;border:1.5px solid #00b7e52e;border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;transition:background .2s,border-color .2s,transform .2s;display:grid;position:relative}.quick-card:hover .quick-icon-wrap{background:linear-gradient(135deg, var(--cyan), #0096c7);border-color:#0000;transform:scale(1.05)}.quick-icon-wrap svg{color:var(--cyan);transition:color .2s}.quick-card:hover .quick-icon-wrap svg{color:#fff}.quick-card-body{z-index:1;flex:1;min-width:0;position:relative}.quick-label{color:var(--navy);font-size:14px;font-weight:700;line-height:1.2}.quick-desc{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;font-weight:400;line-height:1.35;display:block;overflow:hidden}.quick-arrow{color:var(--gray-300);z-index:1;flex-shrink:0;transition:color .2s,transform .2s;position:relative}.quick-card:hover .quick-arrow{color:var(--cyan);transform:translate(3px)}.transport-strip{background:linear-gradient(100deg, var(--navy-dark) 0%, var(--navy) 50%, #00527d 100%);position:relative;overflow:hidden}.transport-strip:before{content:"";background-image:radial-gradient(circle,#00b7e50f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.transport-inner{align-items:center;gap:10px;height:68px;display:flex;position:relative}.transport-weather{color:#fff;border-right:1px solid #ffffff26;flex-shrink:0;align-items:center;gap:10px;margin-right:6px;padding-right:20px;display:flex}.transport-weather-deg{font-size:32px;font-weight:900;line-height:1}.transport-weather-info{color:#fff9;font-size:11px;line-height:1.3}.transport-btn{color:#fff;border-radius:var(--r-md);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.transport-btn:hover{background:#ffffff29}.transport-btn-icon{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--cyan), #0096c7);flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.transport-btn-icon svg{color:#fff}.announce-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:20px;display:grid}.announce-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.announce-panel-head{padding:14px var(--sp-3);background:var(--gray-50);border-bottom:1px solid var(--gray-200);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.announce-item{padding:14px var(--sp-3);border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:flex-start;gap:12px;transition:background .15s;display:flex}.announce-item:last-of-type{border-bottom:none}.announce-item:hover{background:#f0f8ff}.announce-icon-wrap{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--cyan-glow), #003b6f0f);border:1px solid #00b7e526;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.announce-icon-wrap svg{color:var(--cyan)}.announce-text{color:var(--text-2);flex:1;font-size:13px;line-height:1.45}.announce-cat{letter-spacing:.8px;text-transform:uppercase;color:var(--cyan);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.announce-text .date{color:var(--text-3);margin-top:2px;font-size:11px;display:block}.announce-banner-desc{color:#ffffffe0;max-width:420px;margin-top:8px;font-size:14px;line-height:1.5}.announce-banner{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);background:var(--navy-deeper);cursor:pointer;align-items:flex-end;min-height:380px;display:flex;position:relative;overflow:hidden}.announce-banner-overlay{z-index:2;background:linear-gradient(#0000 0%,#0000001a 40%,#000000a6 100%);position:absolute;inset:0}.announce-banner-body{z-index:3;padding:var(--sp-3);color:#fff;position:relative}.announce-banner-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:2px;text-transform:uppercase;border-radius:var(--r-full);color:#fff;background:#ffffff26;border:1px solid #ffffff40;margin-bottom:10px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-block}.announce-banner-title{text-shadow:0 2px 12px #0006;font-size:22px;font-weight:800;line-height:1.25}.announce-banner-sub{opacity:.7;margin-top:6px;font-size:12px}.tab-row{flex-wrap:wrap;gap:6px;display:flex}.tab-pill{color:var(--text-2);border-radius:var(--r-full);border:1.5px solid var(--gray-200);background:var(--white);padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab-pill:hover{border-color:var(--navy);color:var(--navy)}.tab-pill.active{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600;box-shadow:0 4px 12px #003b6f33}.section-row{justify-content:space-between;align-items:flex-end;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.section-title-block{flex-shrink:0}.life-grid{grid-template-rows:auto auto;grid-template-columns:1.6fr 1fr;gap:14px;display:grid}.life-featured{grid-row:1/3;min-height:520px}.life-card{border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.life-card:hover .home-image--fill{transform:scale(1.05)}.life-card-img{z-index:0;background:var(--navy-deeper);position:absolute;inset:0;overflow:hidden}.life-card-img .home-image-wrap{position:absolute;inset:0}.home-image-wrap{width:100%;height:100%;min-height:inherit;position:relative}.home-image-wrap--fallback{background:linear-gradient(135deg,#0d7aba,#004d8a)}.home-image--fill{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block;position:absolute;inset:0}.announce-banner>.home-image-fallback,.announce-banner .home-image--fill{z-index:0}.home-image-fallback{background:linear-gradient(135deg,#0d7aba,#004d8a);position:absolute;inset:0}.life-mini{min-height:250px;display:block}.life-side-grid .life-card{min-height:250px}.life-card-overlay{z-index:2;background:linear-gradient(#0000 0%,#0000000d 45%,#000000b8 100%);flex-direction:column;justify-content:flex-end;padding:22px 20px 20px;transition:background .3s;display:flex;position:absolute;inset:0}.life-card:hover .life-card-overlay{background:linear-gradient(#0000 0%,#00143233 35%,#001432d1 100%)}.life-card-label{letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:4px;font-size:10px;font-weight:700}.life-card-title{color:#fff;text-transform:uppercase;text-shadow:0 2px 12px #0006;font-size:18px;font-weight:800;line-height:1.2}.life-card-desc{color:#ffffffd9;margin-top:6px;font-size:13px;line-height:1.4}.life-side-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.life-card-arrow{border-radius:var(--r-full);color:#fff;background:#ffffff26;border:1px solid #ffffff40;place-items:center;width:32px;height:32px;margin-top:10px;transition:background .2s,transform .2s;display:grid}.life-card:hover .life-card-arrow{background:var(--cyan);transform:translate(4px)}.life-var-1 .home-image-fallback{background:linear-gradient(135deg,#1a7a5e,#0d4f3e)}.life-var-2 .home-image-fallback{background:linear-gradient(135deg,#7a4a1a,#4f2c0d)}.life-var-3 .home-image-fallback{background:linear-gradient(135deg,#4a1a7a,#2c0d4f)}.life-var-4 .home-image-fallback{background:linear-gradient(135deg,#1a3a7a,#0d1e4f)}.etab-row{display:none}.social-sec{padding-block:var(--sp-5)}.social-icons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.social-icon-btn{border-radius:var(--r-full);border:1.5px solid var(--gray-200);background:var(--white);width:50px;height:50px;color:var(--sc,var(--navy));cursor:pointer;box-shadow:var(--shadow-xs);place-items:center;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s;display:grid}.social-icon-btn:hover{background:var(--sc,var(--navy));border-color:var(--sc,var(--navy));color:#fff;box-shadow:0 6px 20px color-mix(in srgb, var(--sc,#003b6f) 35%, transparent);transform:translateY(-3px)scale(1.06)}.works-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.work-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);cursor:pointer;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.work-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #003b6f21}.work-img-wrap{background:var(--gray-200);flex-shrink:0;height:210px;position:relative;overflow:hidden}.work-img-wrap .home-image-wrap{position:absolute;inset:0}.work-img-overlay{z-index:1;background:linear-gradient(#0000 45%,#0014378c 100%);position:absolute;inset:0}.work-card:hover .home-image--fill{transform:scale(1.07)}.work-status-badge{z-index:3;letter-spacing:.8px;text-transform:uppercase;border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 11px;font-size:9.5px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001f}.badge-done{color:#059669;background:#10b98126;border:1px solid #10b9814d}.badge-ongoing{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.work-body{flex-direction:column;flex:1;padding:18px 18px 16px;display:flex}.work-title{color:var(--navy-dark);margin-bottom:8px;font-size:15px;font-weight:800;line-height:1.3}.work-summary{color:var(--text-2);flex:1;font-size:12.5px;line-height:1.55}.work-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.work-meta{align-items:center;gap:7px;display:flex}.work-dot{border-radius:var(--r-full);flex-shrink:0;width:7px;height:7px}.work-dot.badge-done{background:#10b981}.work-dot.badge-ongoing{background:#f59e0b}.work-meta-text{color:var(--text-3);font-size:11.5px;font-weight:600}.work-more{border-radius:var(--r-full);background:var(--gray-100);width:28px;height:28px;color:var(--text-3);place-items:center;transition:background .2s,color .2s,transform .2s;display:grid}.work-card:hover .work-more{background:var(--cyan);color:#fff;transform:translate(2px)}.footer{background:var(--navy-deeper);color:#fff9;margin-top:var(--sp-7)}.footer-main{padding:var(--sp-8) 0 var(--sp-6);gap:var(--sp-5);border-bottom:1px solid #ffffff12;grid-template-columns:1fr 1fr 1fr auto;display:grid}.footer-col-head{color:#ffffffe6;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--sp-2);border-bottom:2px solid var(--cyan);padding-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.footer-col li{cursor:pointer;align-items:center;gap:7px;padding:5px 0;font-size:13px;transition:color .15s;display:flex}.footer-col li:hover{color:#ffffffe6}.footer-col li:before{content:"›";color:var(--cyan);font-size:14px;font-weight:700}.footer-brand{text-align:center;min-width:170px}.footer-logo{border-radius:var(--r-full);color:#fff;width:84px;height:84px;margin:0 auto var(--sp-3);background:#ffffff0d;border:2px solid #ffffff26;place-items:center;font-size:15px;font-weight:900;display:grid}.footer-store-btns{flex-direction:column;gap:10px;margin-top:4px;display:flex}.footer-store-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:12px;min-width:160px;padding:10px 16px;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:flex}.footer-store-btn:hover{background:#ffffff21;border-color:#ffffff59;transform:translateY(-1px)}.footer-store-icon{color:#fff;flex-shrink:0;width:26px;height:26px}.footer-store-text{flex-direction:column;gap:3px;line-height:1;display:flex}.footer-store-sub{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:9.5px;font-weight:500}.footer-store-name{color:#fff;letter-spacing:-.2px;font-size:14px;font-weight:700}.footer-bottom-bar{padding:var(--sp-2) 0;color:#ffffff47;justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:12px;display:flex}.footer-bottom-links{gap:var(--sp-2);display:flex}.footer-bottom-links a{color:#ffffff47;font-size:12px;transition:color .15s}.footer-bottom-links a:hover{color:#fff9}.tarih-layout{grid-template-columns:1fr 280px;align-items:start;gap:48px;display:grid}.tarih-content{flex-direction:column;gap:40px;display:flex}.tarih-section h2{color:var(--navy-dark);border-bottom:2px solid var(--cyan);margin-bottom:14px;padding-bottom:10px;font-size:22px;font-weight:800;display:inline-block}.tarih-section p{color:var(--text-2);margin-bottom:12px;font-size:15.5px;line-height:1.8}.tarih-section p:last-child{margin-bottom:0}.tarih-timeline{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:24px 20px;position:sticky;top:100px}.tarih-timeline-head{letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:20px;font-size:11px;font-weight:800}.tarih-timeline-item{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:14px;padding:10px 0;display:flex}.tarih-timeline-item:last-child{border-bottom:none}.tarih-timeline-dot{background:var(--cyan);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 3px #00b7e526}.tarih-timeline-yil{color:var(--navy);letter-spacing:.3px;font-size:11px;font-weight:800}.tarih-timeline-olay{color:var(--text-2);margin-top:2px;font-size:12.5px;line-height:1.4}.tarih-info-box{border-top:1px solid var(--gray-100);flex-direction:column;gap:10px;margin-top:24px;padding-top:20px;display:flex}.tarih-info-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tarih-info-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.tarih-info-val{color:var(--navy-dark);text-align:right;font-size:12.5px;font-weight:600}.tarih-section--vurgu{border:1px solid #00b7e533;border-left:4px solid var(--cyan);border-radius:var(--r-md);background:linear-gradient(135deg,#003b6f0a 0%,#00b7e50f 100%);padding:22px 24px}.tarih-section--vurgu p{color:var(--navy-dark);margin-bottom:0;font-size:15px;font-style:italic;line-height:1.8}@media (max-width:1100px){.tarih-layout{grid-template-columns:1fr}.tarih-timeline{position:static}}.page-hero{background:var(--navy-dark);padding:var(--sp-6) 0 var(--sp-7);position:relative;overflow:hidden}.page-hero-bg{background:radial-gradient(80% 60% at 100% 0,#00b7e526 0%,#0000 60%),radial-gradient(circle at 20% 80%,#ffffff0a 0%,#0000 40%);position:absolute;inset:0}.page-hero-inner{color:#fff;position:relative}.breadcrumb{color:#ffffff80;margin-bottom:var(--sp-3);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb a{color:#ffffffb3;transition:color .15s}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb span:last-child{color:#ffffffd9}.page-hero-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.page-hero-title{margin-bottom:12px;font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.1}.page-hero-desc{color:#ffffffbf;max-width:640px;font-size:16px;line-height:1.6}.page-hero-tags{margin-top:var(--sp-3);flex-wrap:wrap;gap:8px;display:flex}.page-hero-tag{border-radius:var(--r-full);color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff26;padding:5px 14px;font-size:12px;font-weight:600}.inner-main{padding:var(--sp-6) 0 var(--sp-8)}.inner-card-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.inner-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:var(--sp-3);box-shadow:var(--shadow-xs);cursor:pointer;flex-direction:column;gap:8px;min-height:160px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.inner-card:hover{box-shadow:var(--shadow-md);border-color:#00b7e559;transform:translateY(-4px)}.inner-card-tag{letter-spacing:1px;text-transform:uppercase;width:fit-content;color:var(--navy);background:var(--cyan-glow);border-radius:var(--r-full);padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.inner-card h2{color:var(--navy-dark);font-size:17px;font-weight:700;line-height:1.3}.inner-card p{color:var(--text-2);flex:1;font-size:14px;line-height:1.5}.inner-card-link{color:var(--cyan);margin-top:auto;font-size:13px;font-weight:600}.contact-layout{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.contact-left{flex-direction:column;gap:28px;display:flex}.contact-info-cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-info-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);align-items:flex-start;gap:14px;padding:18px;display:flex}.contact-info-card svg{color:var(--cyan);flex-shrink:0;margin-top:2px}.contact-info-card strong{text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.contact-info-card span{color:var(--navy-dark);font-size:14px;font-weight:600;line-height:1.4}.contact-info-card a{color:var(--navy-dark);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}.contact-info-card a:hover{color:var(--cyan)}.contact-social h3,.contact-map h3{color:var(--navy-dark);margin-bottom:14px;font-size:16px;font-weight:700}.contact-map-embed{border-radius:var(--r-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);min-height:420px;overflow:hidden}.contact-map-embed iframe{border:0;width:100%;height:420px;display:block}.contact-map-placeholder{border-radius:var(--r-lg);border:2px dashed var(--gray-200);background:var(--gray-50);min-height:420px;color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.contact-map-placeholder svg{color:var(--cyan);opacity:.6}.contact-map-placeholder p{color:var(--navy);font-size:16px;font-weight:700}.contact-map-placeholder span{font-size:13px}.contact-block{gap:var(--sp-4);margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--gray-200);grid-template-columns:1fr 1.2fr;display:grid}.contact-info,.contact-form-wrap{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.contact-info h3,.contact-form-wrap h3{color:var(--navy-dark);margin-bottom:var(--sp-3);border-bottom:2px solid var(--cyan);padding-bottom:12px;font-size:18px;font-weight:700;display:inline-block}.contact-info ul{gap:var(--sp-2);flex-direction:column;display:flex}.contact-info li{color:var(--text-2);flex-direction:column;gap:4px;font-size:14px;display:flex}.contact-info strong{text-transform:uppercase;letter-spacing:1px;color:var(--text-3);font-size:11px;font-weight:700}.contact-form{gap:var(--sp-2);flex-direction:column;display:flex}.contact-form label{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--gray-200);border-radius:var(--r-sm);background:var(--gray-50);color:var(--text);padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow);outline:none}.form-row{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}@media (max-width:1100px){.nav-list{display:none}.inner-card-grid{grid-template-columns:repeat(2,1fr)}.contact-layout,.contact-info-cards,.contact-block,.news-grid,.announce-grid,.life-grid{grid-template-columns:1fr}.life-featured{min-height:380px}.quick-grid,.works-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}}@media (max-width:640px){.container{width:calc(100% - 28px)}.section-heading{font-size:22px}.quick-grid,.works-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr}.section-row{flex-direction:column;align-items:flex-start}.hero-mayor{text-align:center;flex-direction:column;align-items:center}.mayor-text{text-align:center;padding-bottom:var(--sp-2)}.mayor-photo{max-width:min(280px,85vw);max-height:min(50vh,400px)}.mayor-name{font-size:26px}.life-grid{grid-template-columns:1fr}.etab-row{overflow-x:auto}.transport-inner{gap:6px}.inner-card-grid,.form-row{grid-template-columns:1fr}.page-hero-title{font-size:28px}.mayor-page-layout,.services-grid,.projects-page-grid,.news-list-grid{grid-template-columns:1fr}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal--visible{opacity:1;transform:translateY(0)}.page-hero-bg--animated{animation:8s ease-in-out infinite alternate heroPulse}@keyframes heroPulse{0%{opacity:1}to{opacity:.85}}.page-hero--compact{padding:var(--sp-5) 0 var(--sp-6)}.page-hero-date{color:#ffffffa6;margin-top:8px;font-size:14px;display:block}.news-item-link{color:inherit;text-decoration:none}.news-item-link:hover{color:var(--cyan)}.news-list-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.news-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);text-decoration:none;transition:transform .22s,box-shadow .22s;display:block;overflow:hidden}.news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.news-card-img{background:var(--gray-200);height:200px;position:relative;overflow:hidden}.news-card-img .home-image-wrap{position:absolute;inset:0}.news-card-tag{z-index:2;background:var(--cyan);color:#fff;border-radius:var(--r-full);text-transform:uppercase;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.news-card-body{padding:18px}.news-card-date{color:var(--text-3);font-size:11px;font-weight:600}.news-card-body h2{color:var(--navy-dark);margin:6px 0 8px;font-size:16px;font-weight:700;line-height:1.3}.news-card-body p{color:var(--text-2);font-size:13px;line-height:1.5}.news-article{max-width:800px;margin:0 auto}.news-article-img{border-radius:var(--r-lg);height:400px;margin-bottom:32px;position:relative;overflow:hidden}.news-article-img .home-image-wrap{position:absolute;inset:0}.news-article-lead{color:var(--navy);margin-bottom:20px;font-size:18px;font-weight:600;line-height:1.6}.news-article-content p{color:var(--text-2);margin-bottom:16px;font-size:16px;line-height:1.8}.projects-page-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-page-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);transition:transform .22s,box-shadow .22s;overflow:hidden}.project-page-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-page-img{background:var(--gray-200);height:200px;position:relative;overflow:hidden}.project-page-img .home-image-wrap{position:absolute;inset:0}.project-page-badge{z-index:2;border-radius:var(--r-full);color:var(--navy);background:#ffffffe6;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.project-page-badge--tamamlandı{color:#16a34a;background:#dcfce7}.project-page-badge--devam-ediyor{color:#d97706;background:#fef3c7}.project-page-badge--planlama{color:#64748b;background:#f1f5f9}.project-page-body{padding:18px}.project-page-body h2{color:var(--navy-dark);margin-bottom:8px;font-size:16px;font-weight:700}.project-page-body p{color:var(--text-2);font-size:13px;line-height:1.5}.mayor-page-layout{grid-template-columns:320px 1fr;align-items:start;gap:40px;display:grid}.mayor-page-portrait{text-align:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:28px 20px;position:sticky;top:100px}.mayor-page-portrait .mayor-photo{max-width:240px;margin:0 auto}.mayor-page-signature{margin:16px 0 8px}.mayor-page-name{color:var(--navy);font-size:22px;font-weight:900}.mayor-page-role{color:var(--text-3);margin-top:4px;font-size:13px}.mayor-page-content{flex-direction:column;gap:16px;display:flex}.inner-card--modern{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.inner-card--modern:hover{box-shadow:var(--shadow-md);border-color:#00b7e54d;transform:translate(4px)}.services-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.service-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:24px;transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.service-card-icon{background:linear-gradient(135deg, var(--cyan-glow), #003b6f12);width:52px;height:52px;color:var(--cyan);border:1.5px solid #00b7e52e;border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.service-card h2{color:var(--navy-dark);margin-bottom:8px;font-size:16px;font-weight:700}.service-card p{color:var(--text-2);font-size:13.5px;line-height:1.5}@media (max-width:1100px){.news-list-grid,.projects-page-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}