@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0a0a0c;--bg-card:#151518;--bg-card-hover:#1f1f24;--accent-yellow:#dbff00;--accent-yellow-hover:#bce500;--text-main:#fff;--text-muted:#8e8e93;--border-color:#ffffff0d;--success-green:#34c759;--danger-red:#ff3b30;--route-blue:#0a84ff;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-full:9999px;font-family:Outfit,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html{color:var(--text-main);background-color:#000;height:100%;font-size:15px;line-height:1.5;overflow:hidden}.glass{-webkit-backdrop-filter:blur(16px);background:#1e1e1ed9;border:1px solid #ffffff14;box-shadow:0 8px 32px #0003}.app-container{background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% -20%,#1f1f28 0%,#0a0a0c 50%);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #000}.content-area{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex:1;padding:24px 24px 100px;overflow:hidden auto}.content-area::-webkit-scrollbar{display:none}h1{letter-spacing:-.03em;margin-bottom:8px;font-size:32px;font-weight:700}h2{letter-spacing:-.02em;font-size:20px;font-weight:600}.btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn-primary{background-color:var(--accent-yellow);color:#000;box-shadow:0 4px 15px #dbff004d}.btn-primary:hover,.btn-primary:active{background-color:var(--accent-yellow-hover);transform:translateY(-2px);box-shadow:0 6px 20px #dbff0066}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:16px;padding:20px;transition:transform .2s,background-color .2s}.input-group{margin-bottom:20px}.input-label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.input-field{border-radius:var(--radius-md);width:100%;color:var(--text-main);background-color:#ffffff08;border:1px solid #ffffff14;outline:none;padding:16px 20px;font-family:inherit;font-size:16px;transition:all .3s}.input-field:focus{border-color:var(--accent-yellow);background-color:#ffffff0f;box-shadow:0 0 0 4px #dbff001a}.bottom-nav{z-index:100;border-top:1px solid #ffffff08;justify-content:space-around;align-items:center;height:80px;padding:0 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:#000;background-color:var(--accent-yellow);box-shadow:0 0 15px #dbff0033}.nav-item.active svg{stroke:#000;stroke-width:2.5px}.leaflet-container{border-radius:var(--radius-lg);z-index:10;font-family:Outfit,sans-serif;overflow:hidden}.leaflet-control-attribution{display:none}.leaflet-popup-content-wrapper{background-color:var(--bg-card);color:var(--text-main);border-radius:var(--radius-md);border:1px solid var(--border-color)}.leaflet-popup-tip{background-color:var(--bg-card)}