@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap";:root{--teal-900: #0B3D34;--teal-800: #1A6B5A;--teal-700: #22957A;--teal-600: #34B996;--teal-200: #99E6D4;--teal-100: #CCFBF1;--teal-50: #F0FDFB;--green-900: #0B3D34;--green-800: #1A6B5A;--green-700: #22957A;--green-600: #34B996;--green-100: #CCFBF1;--green-50: #F0FDFB;--amber-900: #78350F;--amber-800: #92400E;--amber-700: #B45309;--amber-600: #D97706;--amber-500: #F59E0B;--amber-400: #FBBF24;--amber-300: #FCD34D;--amber-100: #FEF3C7;--amber-50: #FFFBEB;--gold-800: #92400E;--gold-700: #B45309;--gold-600: #D97706;--gold-500: #F59E0B;--gold-400: #FBBF24;--gold-300: #FCD34D;--gold-100: #FEF3C7;--navy-950: #03080F;--navy-900: #0A1628;--navy-800: #0F1F2E;--navy-700: #1E3347;--dark-900: #03080F;--dark-800: #0F1F2E;--dark-700: #1E3347;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--white: #FFFFFF;--shadow-sm: 0 1px 3px rgba(15,31,46,.06), 0 1px 2px rgba(15,31,46,.04);--shadow-md: 0 4px 16px rgba(15,31,46,.1);--shadow-lg: 0 12px 40px rgba(15,31,46,.14);--shadow-teal: 0 4px 20px rgba(26,107,90,.28);--shadow-gold: 0 4px 20px rgba(180,83,9,.28);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition: .28s cubic-bezier(.4, 0, .2, 1);--transition-slow: .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{font-family:Montserrat,sans-serif;background-color:var(--gray-100);color:var(--gray-700);line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:800;line-height:1.15;color:var(--dark-800);letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}p{font-size:1rem;color:var(--gray-500);line-height:1.75}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a1628ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(251,191,36,.1);padding:0 5%;height:70px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.navbar.scrolled{background:#03080ff7;box-shadow:0 4px 32px #00000059;border-bottom-color:#fbbf2429}.navbar-brand{display:flex;align-items:center;gap:13px}.navbar-logo{width:42px;height:42px;background:transparent;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;color:var(--navy-900);font-family:Montserrat,sans-serif;box-shadow:0 3px 14px #00000026;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.navbar-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.navbar-logo:hover{transform:rotate(-5deg) scale(1.06);box-shadow:0 6px 22px #fbbf247a}.navbar-title{display:flex;flex-direction:column}.navbar-title-main{font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:800;color:var(--amber-400);line-height:1.1;letter-spacing:-.2px}.navbar-title-sub{font-size:.62rem;color:#ffffff73;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-top:1px}.navbar-nav{display:flex;align-items:center;gap:2px}.navbar-nav a{color:#ffffffb8;font-size:.8rem;font-weight:600;padding:7px 13px;border-radius:8px;transition:all .22s ease;position:relative;font-family:Montserrat,sans-serif;letter-spacing:.1px}.navbar-nav a:hover{color:var(--amber-400);background:#fbbf2414}.navbar-nav a.active{color:var(--amber-300);background:#fbbf241a}.navbar-btn{background:linear-gradient(135deg,var(--amber-500),var(--amber-700))!important;color:var(--navy-900)!important;font-weight:700!important;padding:8px 20px!important;border-radius:50px!important;box-shadow:0 3px 14px #b4530952!important}.navbar-btn:hover{transform:translateY(-2px)!important;box-shadow:0 7px 24px #b453097a!important;background:linear-gradient(135deg,var(--amber-400),var(--amber-600))!important;color:var(--navy-900)!important}.navbar-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:1px solid rgba(255,255,255,.14);border-radius:8px;transition:all .22s ease}.navbar-hamburger:hover{border-color:#fbbf2466;background:#fbbf240f}.navbar-hamburger span{display:block;width:20px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition)}.navbar-mobile{display:none;position:fixed;top:70px;left:0;right:0;background:#03080ffa;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:12px 20px 20px;border-bottom:1px solid rgba(251,191,36,.14);z-index:999;flex-direction:column;gap:3px;animation:mobileNavSlideDown .25s ease}@keyframes mobileNavSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-mobile.open{display:flex}.navbar-mobile a{color:#ffffffc7;font-size:.9rem;font-weight:600;padding:12px 16px;border-radius:10px;transition:all .2s ease;font-family:Montserrat,sans-serif}.navbar-mobile a:hover{color:var(--amber-400);background:#fbbf2414}@media(max-width:900px){.navbar-nav{display:none}.navbar-hamburger{display:flex}}.hero{min-height:100vh;background:linear-gradient(135deg,var(--navy-950) 0%,var(--navy-900) 35%,var(--teal-900) 70%,var(--navy-800) 100%);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:70px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 60%,rgba(52,185,150,.14) 0%,transparent 55%),radial-gradient(ellipse at 80% 15%,rgba(251,191,36,.08) 0%,transparent 50%),radial-gradient(ellipse at 55% 90%,rgba(26,107,90,.12) 0%,transparent 45%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle 120px at 8% 25%,rgba(52,185,150,.07) 0%,transparent 100%),radial-gradient(circle 80px at 92% 75%,rgba(251,191,36,.05) 0%,transparent 100%);animation:heroOrbs 9s ease-in-out infinite alternate;pointer-events:none}@keyframes heroOrbs{0%{transform:scale(1) translate(0)}50%{transform:scale(1.06) translate(12px,-18px)}to{transform:scale(.97) translate(-6px,10px)}}.hero-pattern{position:absolute;inset:0;background-image: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='%23FBBF24' fill-opacity='0.025'%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")}.hero-bg-warga{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;pointer-events:none;z-index:1;transition:opacity .35s ease}.hero-container{position:relative;max-width:1200px;margin:0 auto;padding:80px 5%;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fbbf241a;border:1px solid rgba(251,191,36,.22);color:var(--amber-400);font-size:.72rem;font-weight:700;padding:6px 16px;border-radius:50px;margin-bottom:22px;letter-spacing:1px;text-transform:uppercase;font-family:Montserrat,sans-serif}.hero-title{color:var(--white);margin-bottom:10px;font-size:clamp(2.2rem,5.5vw,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.08}.hero-title span{display:block;background:linear-gradient(135deg,var(--amber-300),var(--amber-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:Montserrat,sans-serif;font-size:1.05rem;color:#fff9;margin-bottom:18px;font-weight:500;letter-spacing:-.1px}.hero-desc{color:#ffffff85;font-size:.92rem;margin-bottom:38px;max-width:480px;line-height:1.8;font-weight:400}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,var(--amber-400),var(--amber-600));color:var(--navy-900);font-weight:700;padding:14px 32px;border-radius:50px;border:none;cursor:pointer;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 20px #b4530961;display:inline-flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif;letter-spacing:.1px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #b4530985;background:linear-gradient(135deg,var(--amber-300),var(--amber-500))}.btn-outline{background:#ffffff0f;color:#ffffffe0;font-weight:600;padding:14px 32px;border-radius:50px;border:1.5px solid rgba(255,255,255,.18);cursor:pointer;font-size:.9rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-outline:hover{border-color:var(--amber-400);color:var(--amber-400);background:#fbbf2412;transform:translateY(-3px)}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:52px}.hero-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 20px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.hero-stat:hover{background:#fbbf2412;border-color:#fbbf242e;transform:translateY(-4px)}.hero-stat-number{font-family:Montserrat,sans-serif;font-size:1.85rem;font-weight:900;color:var(--amber-400);display:block;letter-spacing:-1.5px}.hero-stat-label{font-size:.68rem;color:#ffffff85;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-top:5px;font-family:Montserrat,sans-serif}.hero-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.hero-image-card{width:100%;max-width:440px;border-radius:24px;overflow:hidden;box-shadow:0 28px 64px #0000007a;border:1.5px solid rgba(251,191,36,.12);position:relative}.hero-image-card img{width:100%;height:480px;object-fit:cover}.hero-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.65) 0%,transparent 55%)}.hero-image-badge{position:absolute;bottom:22px;left:22px;background:#0a1628e0;border:1px solid rgba(251,191,36,.25);border-radius:14px;padding:12px 16px;color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-floating-card{position:absolute;top:-20px;right:-20px;background:var(--white);border-radius:16px;padding:14px 18px;box-shadow:0 14px 44px #0f1f2e33;display:flex;align-items:center;gap:10px;border:1px solid var(--gray-200)}.hero-floating-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--amber-400),var(--amber-600));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}@media(max-width:900px){.hero-container{grid-template-columns:1fr;gap:40px}.hero-image-wrapper{display:none}.hero-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.hero-stats{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column}.btn-primary,.btn-outline{width:100%;justify-content:center}}.section{padding:88px 5%}@media(max-width:768px){.section{padding:60px 5%}}@media(max-width:480px){.section{padding:40px 5%}}.section-alt{background:var(--white)}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-flex;align-items:center;gap:10px;color:var(--teal-700);font-size:.7rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:14px;font-family:Montserrat,sans-serif}.section-badge:before,.section-badge:after{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--amber-500),var(--amber-400));border-radius:2px}.section-title{margin-bottom:14px}.section-desc{color:var(--gray-500);max-width:560px;margin:0 auto;font-size:.95rem;line-height:1.75}.container{max-width:1200px;margin:0 auto}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}}.card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 2px 12px #0f1f2e0f;border:1px solid var(--gray-200);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.card:hover{transform:translateY(-8px);box-shadow:0 22px 52px #0f1f2e24;border-color:var(--teal-100)}.card-img{width:100%;height:220px;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card:hover .card-img{transform:scale(1.06)}.card-img-wrapper{overflow:hidden;position:relative}.card-img-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.28) 0%,transparent 55%);opacity:0;transition:opacity .3s ease}.card:hover .card-img-wrapper:after{opacity:1}.card-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:50px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge-berita{background:#ccfbf1eb;color:#0b5e4e}.badge-pengumuman{background:#fef3c7eb;color:#78350f}.badge-agenda{background:#eef2ffeb;color:#3730a3}.card-body{padding:22px}.card-date{font-size:.74rem;color:var(--gray-400);margin-bottom:8px;display:flex;align-items:center;gap:6px;font-weight:500;font-family:Montserrat,sans-serif}.card-title{font-family:Montserrat,sans-serif;font-size:.98rem;font-weight:700;color:var(--dark-800);margin-bottom:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.1px}.card-desc{font-size:.84rem;color:var(--gray-500);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.68}.card-footer{padding:14px 22px;border-top:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;background:var(--gray-50)}.card-link{color:var(--teal-700);font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:6px;transition:all .22s ease;font-family:Montserrat,sans-serif;letter-spacing:.1px}.card-link:hover{color:var(--amber-600);gap:10px}.kegiatan-card{background:var(--white);border-radius:18px;padding:26px;border:1px solid var(--gray-200);box-shadow:0 2px 12px #0f1f2e0d;transition:all .3s ease;display:flex;gap:18px;align-items:flex-start}@media(max-width:480px){.kegiatan-card{padding:20px;gap:12px;flex-direction:column;align-items:flex-start}}.kegiatan-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0f1f2e1f;border-color:var(--teal-200)}.kegiatan-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--teal-800),var(--teal-700));display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;box-shadow:0 4px 12px #1a6b5a4d}.kegiatan-content h3{font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700;color:var(--dark-800);margin-bottom:6px;letter-spacing:-.1px}.kegiatan-content p{font-size:.83rem;color:var(--gray-500);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.kegiatan-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.meta-tag{font-size:.7rem;padding:3px 10px;border-radius:50px;background:var(--teal-50);color:var(--teal-800);font-weight:600;display:flex;align-items:center;gap:4px;font-family:Montserrat,sans-serif;border:1px solid var(--teal-100)}.stats-section{background:linear-gradient(135deg,var(--navy-900) 0%,var(--teal-900) 50%,var(--navy-800) 100%);padding:80px 5%;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;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='%23FBBF24' fill-opacity='0.03'%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");pointer-events:none}.stats-section:after{content:"";position:absolute;top:-80px;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(52,185,150,.1) 0%,transparent 70%);pointer-events:none}.stats-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative;z-index:1}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr 1fr}}.stat-item{text-align:center}.stat-number{font-family:Montserrat,sans-serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:900;color:var(--amber-400);display:block;line-height:1;margin-bottom:8px;letter-spacing:-2px}.stat-label{color:#ffffff94;font-size:.76rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;font-family:Montserrat,sans-serif}.galeri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:768px){.galeri-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.galeri-grid{grid-template-columns:1fr}}.galeri-item{border-radius:16px;overflow:hidden;position:relative;aspect-ratio:4/3;cursor:pointer;box-shadow:0 2px 12px #0f1f2e14;transition:all .3s ease}.galeri-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0f1f2e29}.galeri-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.4,0,.2,1)}.galeri-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.84) 0%,rgba(10,22,40,.12) 55%,transparent 100%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:18px}.galeri-item:hover img{transform:scale(1.08)}.galeri-item:hover .galeri-overlay{opacity:1}.galeri-title{color:var(--white);font-size:.84rem;font-weight:600;font-family:Montserrat,sans-serif}.footer{background:linear-gradient(160deg,var(--navy-950) 0%,var(--navy-900) 55%,var(--teal-900) 100%);color:#ffffff9e;padding:70px 5% 0;border-top:1px solid rgba(251,191,36,.1);position:relative;overflow:hidden}@media(max-width:768px){.footer{padding:50px 5% 0}}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,rgba(52,185,150,.06) 0%,transparent 60%);pointer-events:none}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:54px;position:relative;z-index:1}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}.footer-logo{width:50px;height:50px;background:linear-gradient(135deg,var(--amber-400),var(--amber-700));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;color:var(--navy-900);font-family:Montserrat,sans-serif;margin-bottom:16px;box-shadow:0 4px 18px #b4530947}.footer-name{font-family:Montserrat,sans-serif;font-size:1rem;color:var(--white);font-weight:700;margin-bottom:12px;letter-spacing:-.2px}.footer-desc{font-size:.84rem;line-height:1.78;font-weight:400}.footer-heading{color:var(--amber-400);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;margin-bottom:20px;font-family:Montserrat,sans-serif}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:.84rem;transition:all .22s ease;display:flex;align-items:center;gap:8px;font-weight:500;font-family:Montserrat,sans-serif}.footer-links a:hover{color:var(--amber-400);padding-left:5px}.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding:20px 0;display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-family:Montserrat,sans-serif;font-weight:500;position:relative;z-index:1;flex-wrap:wrap;gap:8px}@media(max-width:500px){.footer-bottom{flex-direction:column;text-align:center;justify-content:center}}.footer-bottom span{color:var(--amber-400)}.page-header{background:linear-gradient(135deg,var(--navy-900) 0%,var(--teal-900) 55%,var(--navy-800) 100%);padding:120px 5% 100px;text-align:center;position:relative;overflow:hidden}@media(max-width:768px){.page-header{padding:100px 5% 90px}}@media(max-width:480px){.page-header{padding:100px 5% 80px}}.page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(52,185,150,.14) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(251,191,36,.06) 0%,transparent 50%);pointer-events:none}.page-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:60px;background:var(--gray-100);clip-path:ellipse(55% 100% at 50% 100%);z-index:0}@media(max-width:768px){.page-header:after{height:40px}}.page-header h1{color:var(--white);margin-bottom:12px;position:relative;z-index:2}.page-header p{color:#ffffff94;max-width:500px;margin:0 auto;position:relative;z-index:2;font-size:.95rem}@media(max-width:480px){.page-header h1{font-size:clamp(1.6rem,7vw,2.5rem)}.page-header p{font-size:.88rem;padding:0 8px}}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;font-size:.76rem;font-family:Montserrat,sans-serif;font-weight:600;position:relative;z-index:2}.breadcrumb a{color:var(--amber-400)}.breadcrumb span{color:#ffffff52}.breadcrumb-current{color:#ffffffad}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;justify-content:center}.filter-tab{padding:8px 22px;border-radius:50px;border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-600);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .22s ease;text-decoration:none;display:inline-block;font-family:Montserrat,sans-serif}.filter-tab:hover,.filter-tab.active{background:var(--teal-800);border-color:var(--teal-800);color:var(--white);box-shadow:0 4px 14px #1a6b5a47;transform:translateY(-1px)}.pagination-wrapper{display:flex;justify-content:center;margin-top:52px}.pagination{display:flex;gap:6px;align-items:center;list-style:none;padding:0;margin:0;flex-wrap:wrap}.pagination .page-item{margin:0}.pagination a,.pagination span,.pagination .page-link{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-600);transition:all .22s ease;font-family:Montserrat,sans-serif;text-decoration:none;margin:0;padding:0}.pagination a:hover,.pagination .page-link:hover{background:var(--teal-50);border-color:var(--teal-600);color:var(--teal-800)}.pagination .active,.pagination .active .page-link{background:var(--teal-800);border-color:var(--teal-800);color:var(--white);box-shadow:0 4px 14px #1a6b5a47}.pagination .disabled .page-link{opacity:.5;cursor:not-allowed;background:var(--gray-50)}nav[role=navigation]>div:first-child{display:none}nav[role=navigation]>div.flex-1{display:flex;justify-content:center}.umkm-card{background:var(--white);border-radius:20px;overflow:hidden;border:1px solid var(--gray-200);box-shadow:0 2px 12px #0f1f2e0f;transition:all .3s cubic-bezier(.4,0,.2,1)}.umkm-card:hover{transform:translateY(-8px);box-shadow:0 22px 52px #0f1f2e21;border-color:var(--teal-100)}.umkm-img{width:100%;height:200px;object-fit:cover;transition:transform .55s ease}.umkm-card:hover .umkm-img{transform:scale(1.05)}.umkm-img-wrapper{overflow:hidden;position:relative}.umkm-kategori-badge{position:absolute;top:12px;right:12px;background:var(--amber-400);color:var(--navy-900);font-size:.68rem;font-weight:700;padding:4px 12px;border-radius:50px;font-family:Montserrat,sans-serif;letter-spacing:.3px}.umkm-body{padding:20px}.umkm-name{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;color:var(--dark-800);margin-bottom:4px;letter-spacing:-.1px}.umkm-owner{font-size:.78rem;color:var(--teal-700);font-weight:600;margin-bottom:10px;font-family:Montserrat,sans-serif}.umkm-desc{font-size:.83rem;color:var(--gray-500);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.umkm-footer{padding:13px 20px;border-top:1px solid var(--gray-200);display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--gray-400);font-weight:500;background:var(--gray-50);font-family:Montserrat,sans-serif}.data-card{background:var(--white);border-radius:20px;padding:30px;border:1px solid var(--gray-200);box-shadow:0 2px 12px #0f1f2e0f}.data-card-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.data-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--teal-800),var(--teal-700));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--white);box-shadow:0 4px 14px #1a6b5a47}.chart-bar-item{display:flex;align-items:center;gap:12px;margin-bottom:14px}.chart-label{font-size:.84rem;color:var(--gray-600);min-width:100px;font-weight:500;font-family:Montserrat,sans-serif}.chart-bar-wrapper{flex:1;height:10px;background:var(--gray-200);border-radius:50px;overflow:hidden}.chart-bar{height:100%;border-radius:50px;background:linear-gradient(90deg,var(--teal-800),var(--teal-600));transition:width 1.5s cubic-bezier(.4,0,.2,1)}.chart-bar.gold{background:linear-gradient(90deg,var(--amber-700),var(--amber-500))}.chart-value{font-size:.84rem;font-weight:700;color:var(--dark-800);min-width:50px;text-align:right;font-family:Montserrat,sans-serif}.kontak-card{background:var(--white);border-radius:24px;padding:38px;border:1px solid var(--gray-200);box-shadow:0 4px 22px #0f1f2e14}.kontak-info-item{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.kontak-icon{width:44px;height:44px;background:var(--teal-50);border:1.5px solid var(--teal-100);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;color:var(--teal-700)}.kontak-detail h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);margin-bottom:4px;font-weight:700;font-family:Montserrat,sans-serif}.kontak-detail p{color:var(--dark-800);font-weight:600;font-size:.9rem;font-family:Montserrat,sans-serif}.maps-wrapper{border-radius:18px;overflow:hidden;border:2px solid var(--gray-200);height:380px;box-shadow:0 4px 22px #0f1f2e14}.maps-wrapper iframe{width:100%;height:100%;border:none}.visi-misi-card{background:linear-gradient(135deg,var(--navy-900),var(--teal-900));border-radius:24px;padding:48px;color:var(--white);position:relative;overflow:hidden;border:1px solid rgba(52,185,150,.15);box-shadow:0 14px 44px #0a162840}.visi-misi-card:before{content:'"';position:absolute;top:-20px;left:24px;font-size:15rem;font-family:Montserrat,sans-serif;color:#fbbf240a;line-height:1;font-weight:900}.visi-misi-card:after{content:"";position:absolute;top:0;right:0;width:220px;height:220px;background:radial-gradient(circle,rgba(52,185,150,.09) 0%,transparent 70%);pointer-events:none}.visi-misi-card h3{color:var(--amber-400);font-size:.72rem;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:16px;font-family:Montserrat,sans-serif;font-weight:700}.visi-misi-card p,.visi-misi-card li{color:#ffffffb3;line-height:1.82;font-family:Montserrat,sans-serif;font-size:.95rem}.misi-list{padding-left:0;list-style:none}.misi-list li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:12px;align-items:baseline}.misi-list li:before{content:"✦";color:var(--amber-400);font-size:.7rem;flex-shrink:0;margin-top:4px}.pengurus-card{background:var(--white);border-radius:20px;padding:28px 20px;text-align:center;border:1px solid var(--gray-200);box-shadow:0 2px 12px #0f1f2e0f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.pengurus-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal-600),var(--amber-400));opacity:0;transition:opacity .3s ease;border-radius:20px 20px 0 0}.pengurus-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0f1f2e21;border-color:var(--teal-100)}.pengurus-card:hover:before{opacity:1}.pengurus-avatar{width:82px;height:82px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:3px solid var(--amber-400);box-shadow:0 4px 16px #b4530938}.pengurus-avatar-placeholder{width:82px;height:82px;border-radius:50%;background:linear-gradient(135deg,var(--teal-800),var(--teal-600));display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--white);margin:0 auto 16px;border:3px solid var(--amber-400);box-shadow:0 4px 16px #1a6b5a40}.pengurus-nama{font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700;color:var(--dark-800);margin-bottom:6px;letter-spacing:-.1px}.pengurus-jabatan{font-size:.7rem;color:var(--teal-700);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:Montserrat,sans-serif}.pengurus-hp{margin-top:12px;font-size:.78rem;color:var(--gray-400);display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500;font-family:Montserrat,sans-serif}.admin-layout,.admin-layout *{font-family:Montserrat,sans-serif}.admin-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.admin-sidebar-overlay.visible{display:block;opacity:1}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:268px;flex-shrink:0;background:linear-gradient(180deg,#0d1b14,#1a2e22);border-right:1px solid rgba(255,215,0,.08);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:100;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.2) transparent}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffd70033;border-radius:2px}.admin-sidebar-brand{padding:26px 22px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:13px;position:sticky;top:0;background:linear-gradient(180deg,#0D1B14 80%,transparent);z-index:2}.admin-sidebar-logo{width:42px;height:42px;background:transparent;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-weight:800;font-size:1rem;color:var(--green-900);flex-shrink:0;box-shadow:0 4px 12px #00000040;transition:transform .3s ease,box-shadow .3s ease}.admin-sidebar-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.admin-sidebar-logo:hover{transform:rotate(-5deg) scale(1.05);box-shadow:0 6px 18px #ffd70059}.admin-sidebar-title{font-family:Montserrat,sans-serif;color:var(--gold-400);font-size:.88rem;font-weight:700;line-height:1.3;letter-spacing:.2px}.admin-sidebar-sub{color:#ffffff61;font-size:.68rem;font-weight:500;margin-top:2px;letter-spacing:.3px}.admin-nav{padding:12px 0 24px}.admin-nav-label{color:#ffffff40;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:14px 22px 6px;font-family:Montserrat,sans-serif}.admin-nav a{display:flex;align-items:center;gap:13px;color:#ffffff8c;font-size:.825rem;font-weight:500;padding:11px 22px;transition:all .25s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;border-radius:0 8px 8px 0;margin:1px 10px 1px 0;letter-spacing:.15px;position:relative;overflow:hidden}.admin-nav a:before{content:"";position:absolute;inset:0;background:#fff0;transition:background .25s ease;border-radius:0 8px 8px 0}.admin-nav a:hover{color:var(--white);border-left-color:#ffd70080;transform:translate(3px)}.admin-nav a:hover:before{background:#ffffff0a}.admin-nav a.active{color:var(--gold-300);background:#ffd70012;border-left-color:var(--gold-400);transform:translate(3px)}.admin-nav a.active:before{background:transparent}.admin-nav .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;flex-shrink:0;transition:transform .25s ease}.admin-nav .nav-icon svg{color:inherit}.admin-nav a:hover .nav-icon,.admin-nav a.active .nav-icon{transform:scale(1.15)}.admin-nav-divider{height:1px;background:#ffffff0d;margin:8px 22px}.admin-main{flex:1;margin-left:268px;background:#eef2ef;min-height:100vh;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.admin-topbar{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(232,237,233,.8);padding:0 28px;height:66px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 12px #1b43320f;gap:16px}.admin-topbar-left{display:flex;align-items:center;gap:16px}.admin-topbar-title{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;color:var(--dark-800);letter-spacing:-.2px}.admin-topbar-actions{display:flex;align-items:center;gap:10px}.admin-user{display:flex;align-items:center;gap:10px;color:var(--gray-700);font-size:.825rem;font-weight:600;background:var(--gray-100);padding:7px 14px 7px 8px;border-radius:50px;border:1px solid var(--gray-200);cursor:default;transition:all .25s ease}.admin-user:hover{background:var(--green-50);border-color:var(--green-100)}.admin-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--green-800),var(--green-600));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.8rem;font-weight:700;font-family:Montserrat,sans-serif;flex-shrink:0}.admin-hamburger{display:none;background:none;border:1px solid var(--gray-200);border-radius:8px;width:38px;height:38px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px;transition:all .25s ease;flex-shrink:0}.admin-hamburger:hover{background:var(--green-50);border-color:var(--green-200)}.admin-hamburger span{display:block;width:18px;height:2px;background:var(--dark-800);border-radius:2px;transition:all .3s ease;transform-origin:center}.admin-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.admin-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.admin-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.admin-content{padding:28px}.admin-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--gray-500);font-weight:500;margin-bottom:20px}.admin-breadcrumb a{color:var(--green-700)}.admin-breadcrumb a:hover{text-decoration:underline}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}@media(max-width:1100px){.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.admin-stats{grid-template-columns:repeat(2,1fr);gap:12px}}.admin-stat-card{background:var(--white);border-radius:16px;padding:22px 20px;border:1px solid rgba(232,237,233,.8);box-shadow:0 2px 12px #1b43320f;display:flex;align-items:flex-start;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-700),var(--green-500));opacity:0;transition:opacity .3s ease}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #1b43321f;border-color:var(--green-100)}.admin-stat-card:hover:before{opacity:1}.admin-stat-number{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;color:var(--dark-800);line-height:1;letter-spacing:-1px}.admin-stat-label{font-size:.75rem;font-weight:600;color:var(--gray-500);margin-top:5px;letter-spacing:.2px;text-transform:uppercase;font-family:Montserrat,sans-serif}.admin-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:transform .3s ease}.admin-stat-card:hover .admin-stat-icon{transform:scale(1.1) rotate(-5deg)}.icon-green{background:var(--green-50);color:#2d6a4f}.icon-gold{background:var(--gold-100);color:#92650a}.icon-blue{background:#eff6ff;color:#1d4ed8}.icon-purple{background:#f5f3ff;color:#6d28d9}.admin-stat-icon svg{color:inherit}.admin-table-card{background:var(--white);border-radius:16px;border:1px solid rgba(232,237,233,.8);overflow:hidden;box-shadow:0 2px 12px #1b43320f}.admin-table-header{padding:18px 22px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-table-header h3{font-size:.95rem;font-family:Montserrat,sans-serif;font-weight:700;color:var(--dark-800);letter-spacing:-.1px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:11px 18px;background:#f7faf8;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-500);font-family:Montserrat,sans-serif;white-space:nowrap}.admin-table td{padding:14px 18px;border-bottom:1px solid rgba(232,237,233,.7);font-size:.85rem;color:var(--gray-700);vertical-align:middle;transition:background .15s ease}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#f0faf2b3}.admin-form-card{background:var(--white);border-radius:16px;border:1px solid rgba(232,237,233,.8);box-shadow:0 2px 12px #1b43320f;overflow:hidden}.admin-form-header{padding:18px 26px;border-bottom:1px solid var(--gray-200);background:linear-gradient(90deg,#f7faf8,#f0faf2);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-form-body{padding:26px}.form-group{margin-bottom:22px}.form-label{display:block;font-size:.78rem;font-weight:700;color:var(--dark-800);margin-bottom:7px;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.form-label .required{color:#ef4444}.form-control{width:100%;padding:11px 15px;border:1.5px solid #DDE4DE;border-radius:10px;font-size:.875rem;font-family:Montserrat,sans-serif;font-weight:500;color:var(--dark-800);background:var(--white);transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.form-control::placeholder{color:#a8b8ac;font-weight:400}.form-control:hover{border-color:#bdd4c5}.form-control:focus{border-color:var(--green-600);box-shadow:0 0 0 3.5px #52b78826;background:#fafffe}.form-control-textarea{min-height:120px;resize:vertical;line-height:1.7}.form-select{width:100%;padding:11px 40px 11px 15px;border:1.5px solid #DDE4DE;border-radius:10px;font-size:.875rem;font-family:Montserrat,sans-serif;font-weight:500;color:var(--dark-800);background:var(--white);cursor:pointer;outline:none;transition:all .25s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7C6E' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.form-select:hover{border-color:#bdd4c5}.form-select:focus{border-color:var(--green-600);box-shadow:0 0 0 3.5px #52b78826;background-color:#fafffe}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.admin-form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-col-span-2{grid-column:2 / -1}.ttl-flex-wrapper{display:flex;gap:10px;align-items:center}.ttl-flex-wrapper>.form-control{flex:1;min-width:0}@media(max-width:768px){.admin-form-grid,.admin-form-grid-3{grid-template-columns:1fr}.admin-form-grid-4{grid-template-columns:1fr 1fr}.admin-col-span-2{grid-column:1 / -1}}@media(max-width:575.98px){.admin-form-grid-4{grid-template-columns:1fr}.ttl-flex-wrapper{flex-direction:column;align-items:stretch;gap:8px}.ttl-flex-wrapper>.form-control{width:100%;flex:none}}.form-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;font-weight:500}.form-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--green-700);cursor:pointer;border-radius:4px}.form-hint{font-size:.75rem;color:var(--gray-500);margin-top:6px;font-weight:500}.form-error{font-size:.78rem;color:#ef4444;margin-top:6px;font-weight:600}.btn-admin-submit{background:linear-gradient(135deg,var(--green-800),var(--green-600));color:var(--white);border:none;padding:12px 28px;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;font-family:Montserrat,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;letter-spacing:.2px;box-shadow:0 4px 14px #2d6a4f40}.btn-admin-submit:hover{background:linear-gradient(135deg,var(--dark-800),var(--green-800));transform:translateY(-2px);box-shadow:0 8px 22px #2d6a4f59}.btn-admin-submit:active{transform:translateY(0)}.btn-danger{background:#fef2f2;color:#dc2626;border:1.5px solid #FCA5A5;padding:8px 16px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s ease;font-family:Montserrat,sans-serif;display:inline-flex;align-items:center;gap:6px}.btn-danger:hover{background:#dc2626;color:var(--white);border-color:#dc2626;transform:translateY(-1px)}.btn-edit{background:var(--green-50);color:var(--green-800);border:1.5px solid var(--green-100);padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-family:Montserrat,sans-serif}.btn-edit:hover{background:var(--green-700);color:var(--white);border-color:var(--green-700);transform:translateY(-1px)}.btn-delete{background:#fee2e2;color:#dc2626;border:1.5px solid #FECACA;padding:8px 10px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-family:Montserrat,sans-serif}.btn-delete:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-1px)}.btn-add{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--green-900);border:none;padding:10px 22px;border-radius:10px;font-size:.825rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif;box-shadow:0 4px 14px #b8860b33;letter-spacing:.1px}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 22px #b8860b59}.btn-back{background:var(--white);color:var(--gray-700);border:1.5px solid var(--gray-200);padding:10px 20px;border-radius:10px;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif}.btn-back:hover{background:var(--gray-100);border-color:#bdd4c5;transform:translateY(-1px)}.alert{padding:13px 18px;border-radius:10px;font-size:.85rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px;border-left-width:4px;animation:slideInAlert .4s cubic-bezier(.4,0,.2,1);font-family:Montserrat,sans-serif}@keyframes slideInAlert{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #BBF7D0;border-left-color:#22c55e}.alert-danger{background:#fef2f2;color:#991b1b;border:1px solid #FECACA;border-left-color:#ef4444}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:50px;font-size:.68rem;font-weight:700;font-family:Montserrat,sans-serif;letter-spacing:.3px}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:var(--gold-100);color:var(--gold-800)}.badge-danger{background:#fee2e2;color:#991b1b}.admin-login-bg{min-height:100vh;background:linear-gradient(135deg,#0d1b14,#1b4332,#0d1b14);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.admin-login-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,215,0,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(82,183,136,.08) 0%,transparent 50%);pointer-events:none}.admin-login-card{background:#fffffffa;border-radius:24px;padding:48px 42px;width:100%;max-width:430px;box-shadow:0 32px 80px #00000059,0 0 0 1px #ffffff0d;animation:loginCardIn .6s cubic-bezier(.4,0,.2,1);position:relative}@keyframes loginCardIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-login-card .form-control{font-size:.875rem;padding:12px 16px}.admin-login-card .btn-admin-submit{width:100%;justify-content:center;padding:13px;font-size:.9rem;border-radius:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:700px){.grid-2{grid-template-columns:1fr}}.admin-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}@media(max-width:900px){.admin-quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.admin-quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.admin-quick-btn{border-radius:14px;padding:20px 16px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;color:#fff;position:relative;overflow:hidden}.admin-quick-btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .25s ease}.admin-quick-btn:hover{transform:translateY(-5px);box-shadow:0 12px 32px #00000040}.admin-quick-btn:hover:after{background:#ffffff12}.admin-quick-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 10px;width:48px;height:48px;color:#fffffff2;transition:transform .3s ease}.admin-quick-btn:hover .admin-quick-icon{transform:scale(1.15)}.admin-quick-label{font-size:.8rem;font-weight:700;font-family:Montserrat,sans-serif;letter-spacing:.2px}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px;flex-wrap:wrap}.admin-page-header h2{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:800;color:var(--dark-800);letter-spacing:-.3px}@media(max-width:900px){.admin-sidebar{transform:translate(-100%);box-shadow:none;width:268px}.admin-sidebar.open{transform:translate(0);box-shadow:8px 0 32px #00000040}.admin-main{margin-left:0}.admin-hamburger{display:flex}.admin-content{padding:18px}.admin-topbar{padding:0 18px}}@media(max-width:600px){.admin-login-card{padding:36px 26px}.admin-content{padding:14px}.admin-table th,.admin-table td{padding:10px 12px;font-size:.78rem}.admin-stat-number{font-size:1.6rem}}@media(max-width:768px){.kontak-card{padding:24px 20px}.maps-wrapper{height:260px}}@media(max-width:480px){.kontak-card{padding:18px 16px}.kontak-info-item{gap:12px}.maps-wrapper{height:220px}}@media(max-width:640px){.visi-misi-card{padding:28px 22px}}@media(max-width:480px){.visi-misi-card{padding:22px 18px}.visi-misi-card:before{font-size:8rem}}@media(max-width:768px){.dw-demografi-grid{grid-template-columns:1fr!important;gap:20px!important}}@media(max-width:1024px){.dw-edu-grid{grid-template-columns:repeat(4,1fr)!important}}@media(max-width:768px){.dw-edu-grid{grid-template-columns:repeat(3,1fr)!important}.dw-stat-value{font-size:1.7rem}.dw-chart-card{padding:18px}}@media(max-width:480px){.dw-edu-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dw-stat-value{font-size:1.4rem}.dw-chart-icon{width:36px;height:36px}.dw-stat-icon{width:48px;height:48px}}@media(max-width:768px){.hero-container{padding:60px 5% 40px}}@media(max-width:480px){.hero-container{padding:40px 5% 30px}.hero-stat-number{font-size:1.5rem}.hero-badge{font-size:.65rem}}@media(max-width:400px){.pagination a,.pagination span,.pagination .page-link{width:34px;height:34px;font-size:.75rem}}@media(max-width:480px){.filter-tabs{gap:6px}.filter-tab{padding:7px 14px;font-size:.75rem}}@media(max-width:480px){.section-header{margin-bottom:36px}.section-desc{font-size:.88rem}}@media(max-width:768px){.umkm-img{height:170px}}@media(max-width:640px){.card-body{padding:16px}.card-footer{padding:12px 16px}}.text-gold{color:var(--amber-500)}.text-green{color:var(--teal-700)}.text-center{text-align:center}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.d-flex{display:flex}.align-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.fw-6{font-weight:600}.fw-7{font-weight:700}.fs-sm{font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .65s cubic-bezier(.4,0,.2,1) forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.3s;opacity:0}.animate-delay-4{animation-delay:.4s;opacity:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--teal-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--teal-700)}.lightbox-overlay{position:fixed;inset:0;background:#03080ff0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-overlay.open{display:flex}.lightbox-img{max-width:90vw;max-height:85vh;border-radius:16px;box-shadow:0 28px 68px #0009}.lightbox-close{position:fixed;top:20px;right:24px;color:var(--white);font-size:1.6rem;cursor:pointer;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .22s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}