.landing-page{position:fixed;inset:0;z-index:4000;background:#fff;overflow-y:auto;font-family:Inter,system-ui,-apple-system,sans-serif;color:#111}.container{max-width:1200px;margin:0 auto;padding:0 24px}.row{display:flex;gap:4rem;align-items:center}.col-text,.col-image{flex:1}@media(max-width:768px){.row{flex-direction:column;gap:3rem}.row.reverse-mobile{flex-direction:column-reverse}.col-text,.col-image{width:100%;text-align:center}.section-title br{display:none}.feature-list{display:inline-block;text-align:left}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:all .3s ease;background:#fff;box-shadow:0 4px 6px -1px #0000000d}.landing-nav.scrolled{background:#fffffff2;backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000000d;padding:12px 0}.nav-content{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:12px}.nav-logo-img{height:40px}.nav-logo-text{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.landing-nav.scrolled .nav-logo-text{color:#111}.nav-cta{background:#111;color:#fff;padding:10px 20px;border-radius:99px;font-weight:600;border:none;cursor:pointer;transition:transform .2s}.nav-cta:hover{transform:scale(1.05)}.hero-section{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.hero-background{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#000000b3);z-index:-1}.hero-content{padding:24px;max-width:800px;animation:fadeUp 1s ease-out}.hero-title{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-subtitle{font-size:1.25rem;color:#ffffffe6;margin-bottom:2.5rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}.mouse{width:26px;height:40px;border:2px solid white;border-radius:20px;position:relative}.mouse:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:4px;height:8px;background:#fff;border-radius:2px}.feature-section{padding:100px 0}.bg-dark{background:#111;color:#fff}.text-white{color:#fff!important}.text-gray{color:#888!important}.section-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;color:#111}.section-desc{font-size:1.125rem;color:#555;margin-bottom:2rem;line-height:1.6}.feature-badge{display:inline-block;padding:6px 16px;background:#f0f0f0;border-radius:99px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;color:#555}.feature-badge.guide{background:#e0f2fe;color:#0284c7}.feature-badge.premium{background:#fffbeb;color:#d97706}.feature-list{list-style:none;padding:0;margin-bottom:2.5rem;display:grid;gap:1rem}.feature-list li{display:flex;align-items:center;gap:12px;font-weight:500;color:#333}.feature-icon{width:24px;height:24px;color:#2563eb}.image-card{border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000026;background:#eee;transform:rotate(2deg);transition:transform .3s}.image-card:hover{transform:rotate(0) scale(1.02)}.feature-img{width:100%;height:auto;display:block}.premium-card{background:linear-gradient(135deg,#1f1f1f,#000);border:1px solid #333;border-radius:24px;padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;position:relative;overflow:hidden}.premium-icon-big{width:80px;height:80px;color:#d97706;margin-bottom:2rem;filter:drop-shadow(0 0 20px rgba(217,119,6,.3))}.premium-features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.premium-features-grid span{background:#333;color:#ccc;padding:6px 12px;border-radius:8px;font-size:.875rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:99px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.btn-lg{padding:18px 40px;font-size:1.125rem}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid #e5e7eb;color:#374151}.btn-outline:hover{border-color:#2563eb;color:#2563eb}.btn-gold{background:linear-gradient(to right,#d97706,#b45309);color:#fff}.btn-gold:hover{filter:brightness(1.1);transform:translateY(-2px)}.icon-sm{width:1.25em;height:1.25em}.landing-footer{padding:40px 0;border-top:1px solid #eee;color:#666;font-size:.875rem}.link-btn{background:none;border:none;color:#2563eb;font-weight:600;margin-top:.5rem;cursor:pointer;text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}body,#root{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;overflow:hidden}.leaflet-container{height:100%;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.custom-leaflet-icon,.custom-marker-icon-container{background:transparent!important;border:none!important}.custom-marker-icon-container{position:relative;width:40px;height:40px}.custom-marker-icon{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:32px;height:32px;transition:transform .2s ease-out;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.custom-marker-icon svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s}.custom-marker-icon.favorite-marker svg{filter:drop-shadow(0 0 6px #fbbf24) drop-shadow(0 0 2px #b45309);transform:scale(1.1)}.custom-marker-icon:hover svg{transform:scale(1.2);z-index:1000}.custom-marker-icon-container.selected .custom-marker-icon{transform:translate(-50%) scale(1.1);z-index:10}.custom-marker-icon-container.selected:before{content:"";position:absolute;left:50%;bottom:4px;transform:translate(-50%);width:36px;height:36px;background-color:transparent;border:3px solid #172e58;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 8px 2px #fff;box-sizing:border-box;pointer-events:none}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background-color:#3b82f626}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background-color:#3b82f6b3;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.marker-cluster-small,.marker-cluster-small div,.marker-cluster-medium,.marker-cluster-medium div,.marker-cluster-large,.marker-cluster-large div{border-radius:50%}.marker-cluster{transition:all .2s ease-in-out;border:3px solid rgba(59,130,246,.7);box-shadow:0 2px 5px #0000004d}.marker-cluster:hover{transform:scale(1.1);border-color:#1e40af}