@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap";:root{--primary: #ee3b3b;--primary-dark: #890707;--primary-light: #FECACA;--primary-50: #FEF2F2;--accent: #d43258;--accent-dark: #b02546;--accent-light: #FED7AA;--neutral-50: #F8FAFC;--neutral-100: #F1F5F9;--neutral-200: #E2E8F0;--neutral-300: #CBD5E1;--neutral-400: #94A3B8;--neutral-500: #64748B;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1E293B;--neutral-900: #0F172A;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #EF4444;--error-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--gradient-primary: linear-gradient(135deg, #c41818 0%, #ee3b3b 100%);--gradient-warm: linear-gradient(135deg, #FB923C 0%, #FBBF24 100%);--gradient-cool: linear-gradient(135deg, #EC4899 0%, #F87171 100%);--gradient-subtle: linear-gradient(135deg, var(--neutral-50) 0%, var(--primary-50) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Poppins", system-ui, -apple-system, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--neutral-900);background:var(--neutral-50);background-image:radial-gradient(circle at 20% 10%,rgba(248,113,113,.06),transparent 50%),radial-gradient(circle at 80% 80%,rgba(251,146,60,.04),transparent 50%);min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:all var(--transition-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--neutral-900);margin:0;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3rem);font-weight:800}h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700}h3{font-size:1.5rem;font-weight:700}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.125rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{margin:0;line-height:1.7}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-muted{color:var(--neutral-600)}.text-light{color:var(--neutral-500)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page{min-height:calc(100vh - 80px);animation:fadeInUp .5s var(--transition-base)}.section{padding:var(--space-4xl) 6vw;position:relative}.section.compact{padding:var(--space-3xl) 6vw}.section.muted{background:var(--neutral-100)}.container{max-width:1280px;margin:0 auto;width:100%}.container-sm{max-width:960px;margin:0 auto;width:100%}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 6vw;max-width:1400px;margin:0 auto;gap:var(--space-lg)}.brand{display:flex;align-items:center;gap:var(--space-md);transition:transform var(--transition-base)}.brand:hover{transform:translateY(-1px)}.brand-logo{height:48px;width:auto;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:1.125rem;font-weight:700;color:var(--neutral-900);font-family:var(--font-display)}.brand-text span{font-size:.875rem;color:var(--neutral-600);font-weight:500}.nav-links{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap}.nav-links a{position:relative;font-size:.9375rem;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--neutral-700);transition:all var(--transition-base)}.nav-links a:hover{color:var(--primary);background:var(--primary-50)}.nav-links a.active{color:var(--primary);background:var(--primary-light);font-weight:600}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;line-height:1;border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.button.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button.primary:active{transform:translateY(0)}.button.outline{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:calc(.75rem - 2px) calc(1.5rem - 2px)}.button.outline:hover{background:var(--primary-50);transform:translateY(-2px)}.button.ghost{background:#fff;color:var(--neutral-700);border:2px solid var(--neutral-300);padding:calc(.75rem - 2px) calc(1.5rem - 2px)}.button.ghost:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.button.accent{background:var(--gradient-warm);color:#fff;box-shadow:var(--shadow-md)}.button.accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.card.glass{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-md)}.card.highlight{background:linear-gradient(135deg,rgba(255,255,255,.95),var(--primary-50));border-color:var(--primary-light)}.card.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.card-header{margin-bottom:var(--space-lg)}.card-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--primary-light);padding:.375rem .75rem;border-radius:var(--radius-full);margin-bottom:var(--space-sm)}.card-tag.accent{color:var(--accent-dark);background:var(--accent-light)}.card-tag.success{color:#166534;background:var(--success-light)}.grid{display:grid;gap:var(--space-xl)}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.gap-lg{gap:var(--space-2xl)}.grid.gap-sm{gap:var(--space-lg)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;padding:var(--space-4xl) 6vw;min-height:85vh;position:relative}.hero-content h1{margin-bottom:var(--space-lg)}.hero-subtitle{font-size:1.125rem;color:var(--neutral-600);max-width:540px;margin-bottom:var(--space-xl);line-height:1.7}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.hero-media{position:relative;width:100%;height:600px;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.hero-media:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8717126,#fb923c0d);z-index:1}.hero-media:after{content:"";position:absolute;inset:0;background:url(/assets/images/tomohon_drone_view.jpg) center/cover no-repeat;transition:transform 10s ease}.hero:hover .hero-media:after{transform:scale(1.05)}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-top:var(--space-xl)}.meta-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.meta-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.meta-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500);margin-bottom:var(--space-xs)}.meta-card strong{display:block;font-size:1.125rem;font-weight:700;color:var(--neutral-900);font-family:var(--font-display)}.section-header{text-align:center;max-width:720px;margin:0 auto var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{font-size:1.125rem;color:var(--neutral-600);line-height:1.7}.eyebrow{display:inline-block;font-family:var(--font-sans);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:var(--space-md)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.split.reverse{direction:rtl}.split.reverse>*{direction:ltr}.split-content{max-width:560px}.split-content h2,.split-content p{margin-bottom:var(--space-lg)}.image-card{position:relative;padding:var(--space-md);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200);transition:all var(--transition-base)}.image-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--shadow-xl)}.image-card img{border-radius:var(--radius-md);width:100%;object-fit:cover}.image-card span{display:block;text-align:center;font-size:.875rem;font-weight:500;color:var(--neutral-600);margin-top:var(--space-md)}.stats{display:grid;gap:var(--space-md)}.stats>div{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);border-bottom:1px solid var(--neutral-200)}.stats span{font-size:.9375rem;color:var(--neutral-600)}.stats strong{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--neutral-900)}.stat-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.stat-value{display:block;font-size:2.5rem;font-weight:800;font-family:var(--font-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.stat-label{font-size:.9375rem;color:var(--neutral-600);font-weight:500}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;line-height:1}.badge.primary{background:var(--primary-light);color:var(--primary-dark)}.badge.accent{background:var(--accent-light);color:var(--accent-dark)}.badge.success{background:var(--success-light);color:#166534}.badge.outline{background:transparent;border:1.5px solid currentColor}.form{background:#fff;padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:820px;margin:0 auto;border:1px solid var(--neutral-200)}.form-group{margin-bottom:var(--space-lg)}.form label{display:block;font-weight:600;font-size:.9375rem;color:var(--neutral-700);margin-bottom:var(--space-sm)}.form input,.form textarea{width:100%;padding:.875rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--neutral-300);background:#fff;font-family:var(--font-sans);font-size:1rem;color:var(--neutral-900);transition:all var(--transition-base)}.form select{width:100%;padding:.875rem 2.75rem .875rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--neutral-300);background:#fff;font-family:var(--font-sans);font-size:1rem;color:var(--neutral-900);transition:all var(--transition-base);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23475569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:20px}.form select:hover{border-color:var(--primary-dark);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23F87171" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.form input:focus,.form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23F87171" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.form textarea{resize:vertical;min-height:120px}.form select option{padding:.75rem 1rem;background:#fff;color:var(--neutral-900);font-family:var(--font-sans);font-size:1rem;line-height:1.5}.form select option:hover,.form select option:focus,.form select option:checked{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-50) 100%);color:var(--primary-dark);font-weight:600}.form select option:disabled{color:var(--neutral-400);background:var(--neutral-100);cursor:not-allowed}.form-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;margin:var(--space-lg) 0}.checkbox input[type=checkbox]{width:auto;cursor:pointer}.kelurahan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.kelurahan-card{background:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;border:1px solid var(--neutral-200);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.kelurahan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.kelurahan-icon{width:56px;height:56px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);color:#fff;font-size:1.5rem;font-family:var(--font-display);font-weight:700;box-shadow:var(--shadow-md)}.kelurahan-name{font-family:var(--font-display);font-weight:600;color:var(--neutral-900);font-size:1.0625rem}.site-footer{background:var(--primary-dark);color:var(--neutral-300);padding:var(--space-4xl) 6vw var(--space-2xl);font-family:var(--font-sans);position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-3xl);align-items:start}.footer-brand{display:flex;gap:var(--space-md);align-items:flex-start}.footer-logo{width:56px;height:56px;object-fit:contain}.site-footer strong{color:#fff;display:block;font-size:1.5rem;font-family:var(--font-display);margin-bottom:var(--space-sm);font-weight:700}.site-footer p{font-size:.9375rem;line-height:1.6;color:var(--neutral-400)}.footer-links{display:grid;gap:var(--space-sm)}.footer-links a{color:var(--neutral-300);font-size:.9375rem;font-weight:500;transition:color var(--transition-base)}.footer-links a:hover{color:var(--primary)}.footer-meta{display:grid;gap:var(--space-xs);font-size:.875rem;color:var(--neutral-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeInUp{animation:fadeInUp .6s var(--transition-base)}.animate-fadeIn{animation:fadeIn .5s var(--transition-base)}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;gap:var(--space-2xl);min-height:auto;padding:var(--space-3xl) 6vw}.hero-subtitle{margin:0 auto var(--space-xl)}.hero-actions{justify-content:center}.hero-media{height:420px}.split{grid-template-columns:1fr;gap:var(--space-2xl)}.split.reverse{direction:ltr}.split-content{max-width:100%}.footer-inner{grid-template-columns:1fr;gap:var(--space-2xl)}}@media(max-width:768px){.section{padding:var(--space-3xl) 5vw}.nav{flex-wrap:wrap;padding:.875rem 5vw}.nav-links{width:100%;justify-content:center;gap:var(--space-xs)}.nav-links a{font-size:.875rem;padding:var(--space-xs) var(--space-sm)}.grid.three,.grid.two,.grid.four,.hero-meta{grid-template-columns:1fr}.card,.form{padding:var(--space-lg)}.form-grid{grid-template-columns:1fr}.kelurahan-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}h1{font-size:2rem}h2{font-size:1.75rem}}@media(max-width:480px){.brand{flex-direction:column;text-align:center;gap:var(--space-sm)}.brand-logo{height:40px}.hero-media{height:300px;border-radius:var(--radius-xl)}.button{width:100%;justify-content:center}.hero-actions{flex-direction:column;width:100%}}.backdrop-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-effect{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.mt-auto{margin-top:auto}.w-full{width:100%}.relative{position:relative}