:root{--bg-page: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #dbeafe;--accent: #f59e0b;--card: #ffffff;--border: #e2e8f0;--sidebar-width: 420px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--brand-gradient: linear-gradient(135deg, #FBBF24 0%, #9333EA 100%);--brand-primary: #0b4f6c}.text-gradient-brand{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-container{display:flex;height:85vh;min-height:600px;width:100%;max-width:100vw;overflow:hidden}.landing-sidebar{width:var(--sidebar-width);height:85vh;background:radial-gradient(120% 120% at 100% 0%,rgba(200,200,200,.08),transparent 42%),radial-gradient(120% 120% at 0% 20%,rgba(180,180,180,.06),transparent 38%),linear-gradient(160deg,#fafafa,#f5f5f5 45%,#f0f0f0);border-right:1px solid var(--border);overflow-y:hidden;flex-shrink:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:16px;padding:16px;position:relative;isolation:isolate}.landing-sidebar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.4),rgba(255,255,255,.4) 1px,transparent 1px,transparent 14px),repeating-linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.3) 1px,transparent 1px,transparent 14px);opacity:.18;pointer-events:none;z-index:0}.landing-sidebar:after{content:none}.landing-sidebar>*{position:relative;z-index:1}.sidebar-hero{border-radius:18px;box-shadow:var(--shadow-lg);background:var(--brand-gradient);border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}.sidebar-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.25),transparent 45%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.25),transparent 40%);pointer-events:none}.sidebar-hero-meta{font-size:.9rem}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:.75rem}.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md)}.sidebar-label{font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;color:#4b5563}.sidebar-card.flex-1{min-height:0;overflow:hidden}.sidebar-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:8px 12px;box-shadow:var(--shadow-sm);transition:all .2s ease}.sidebar-search:focus-within{border-color:#cbd5e1;box-shadow:0 0 0 3px #667eea1f}.sidebar-search-icon{width:36px;height:36px;border-radius:12px;background:var(--brand-gradient);display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;color:#fff;box-shadow:0 6px 14px -10px #667eeab3}.sidebar-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.94rem;color:#0f172a;padding:10px 4px}.sidebar-search-input::placeholder{color:#94a3b8}.sidebar-chip{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s ease;border-radius:12px}.sidebar-chip:hover{border-color:#cbd5e1;transform:translateY(-1px)}.sidebar-chip-active{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:0 10px 20px -10px #667eea99}.sidebar-card .list-group-item{border-radius:14px;border-color:#e2e8f0;box-shadow:var(--shadow-sm)}.sidebar-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;min-width:32px;background:var(--brand-gradient);color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 16px -10px #667eea99;font-size:.85rem}.sidebar-result{border-left:4px solid transparent;transition:all .2s ease;background:linear-gradient(180deg,#fff,#f9fafb);padding:14px 16px}.sidebar-result:hover{border-left-color:#667eea;box-shadow:0 8px 20px -12px #667eea80;transform:translateY(-2px)}.sidebar-result-footer{gap:12px}.sidebar-result-action{border-color:#cbd5e1;color:var(--brand-primary);background:#fff;padding:6px 12px;border-radius:10px;transition:all .2s ease}.sidebar-result-action:hover{border-color:var(--brand-primary);color:#fff;background:var(--brand-gradient);box-shadow:0 10px 20px -12px #22c55e80}.landing-map{flex:1;height:85vh;min-height:600px;position:relative;background:var(--brand-gradient)}.location-list{flex:1;overflow-y:auto;min-height:0}.landing-section{padding:100px 0}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #667eea00}}.landing-section-alt{background:linear-gradient(to bottom,#f8fafc,#fff)}.section-angled{position:relative;overflow:hidden}.section-angled:before,.section-angled:after{content:"";position:absolute;left:0;width:100%;height:120px;background:var(--brand-gradient);opacity:.12;transform:skewY(-3deg);transform-origin:0;pointer-events:none}.section-angled:before{top:-70px}.section-angled:after{bottom:-70px;transform:skewY(3deg)}.section-angled-no-top.section-angled:before{content:none}.section-angled-no-bottom.section-angled:after{content:none}.section-bg-aurora{background:radial-gradient(130% 130% at 0% 0%,rgba(200,200,200,.08),transparent 44%),radial-gradient(130% 130% at 100% 100%,rgba(180,180,180,.06),transparent 48%),linear-gradient(180deg,#fafafa,#f5f5f5 55%,#f0f0f0)}.paw-wave{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:8px}.paw-wave .paw{font-size:1.8rem;line-height:1;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pawWave 5.5s ease-in-out infinite}.paw-wave .paw:nth-child(2){animation-delay:.4s}.paw-wave .paw:nth-child(3){animation-delay:.8s}@keyframes pawWave{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pawFall{0%{transform:translate(-100px) translateY(-50px) rotate(0);opacity:1}to{transform:translate(100vw) translateY(400px) rotate(360deg);opacity:0}}.paw-fall-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.paw-falling{position:absolute;font-size:1.5rem;color:#fff9;top:-60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.scroll-fade-in{opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.step-circle{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -10px #667eea66;cursor:pointer}.step-circle:hover{animation:stepPulse .6s ease-in-out}@keyframes stepPulse{0%{transform:scale(1);box-shadow:0 10px 25px -10px #667eea66}50%{transform:scale(1.12);box-shadow:0 15px 35px -10px #667eea99}to{transform:scale(1);box-shadow:0 10px 25px -10px #667eea66}}.feature-card{border:2px solid transparent;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f9fafb)}.feature-card:hover{transform:translateY(-6px);border-color:#e2e8f0;box-shadow:0 20px 40px -10px #667eea26}.feature-icon-container{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;font-size:2.2rem;transition:all .3s ease}.feature-card-1 .feature-icon-container{background:var(--brand-gradient);color:#fff}.feature-card-2 .feature-icon-container{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.feature-card-3 .feature-icon-container{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.feature-card:hover .feature-icon-container{transform:scale(1.1) rotate(5deg)}.feature-card-2:hover .feature-icon-container{transform:scale(1.1) rotate(-5deg)}.feature-card-3:hover .feature-icon-container{transform:scale(1.1) rotate(5deg)}.section-angled-dark:before,.section-angled-dark:after{background:#fff;opacity:.14}.section-angled-soft:before,.section-angled-soft:after{opacity:.08}.modern-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.leaflet-popup-content-wrapper{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg)}.leaflet-popup-tip{background:#fff;border:1px solid var(--border)}.popup-card{padding:12px;min-width:300px}.popup-card-title{color:#0f172a;margin-bottom:.75rem}.popup-card-meta{font-size:.9rem;color:var(--text-muted)}.popup-card-desc{font-size:.94rem;color:var(--text-muted)}.badge-brand{background:var(--brand-gradient);color:#fff;border:1px solid rgba(255,255,255,.4)}.badge{transition:all .2s ease}.badge:hover{transform:scale(1.05)}.list-group-item{border:1px solid var(--border);transition:all .2s ease}.list-group-item:hover{background-color:var(--primary-light);border-color:var(--primary);transform:translate(4px)}.landing-sidebar::-webkit-scrollbar,.location-list::-webkit-scrollbar{width:8px}.landing-sidebar::-webkit-scrollbar-track,.location-list::-webkit-scrollbar-track{background:#f1f1f1}.landing-sidebar::-webkit-scrollbar-thumb,.location-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.landing-sidebar::-webkit-scrollbar-thumb:hover,.location-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){:root{--sidebar-width: 100%}.landing-container{flex-direction:column;height:128dvh;min-height:128dvh}.landing-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #e5e7eb;flex-shrink:0}.landing-map{flex:1;height:100%;min-height:45vh}.landing-section{padding:60px 0}.location-list{max-height:30vh}}