@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--purple:#8b5cf6;--purple-light:#a78bfa;--cyan:#06b6d4;--green:#10b981;--lime:#84cc16;--red:#ef4444;--bg:#080810;--surface:#12121a;--surface2:#1a1a26;--border:#8b5cf633;--text:#e2e8f0;--muted:#64748b;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{-webkit-text-size-adjust:100%;font-size:14px}html,body{box-sizing:border-box;background:var(--bg);width:100%;max-width:100vw;height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;height:100%;min-height:100dvh;display:flex;overflow-x:hidden}.page-container,.scrollable-page{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1;width:100%;height:100%;overflow-y:auto}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif}input,textarea{font-family:Inter,sans-serif;font-size:16px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.maplibregl-popup-content{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.maplibregl-popup-close-button{display:none!important}.maplibregl-popup-tip{border-color:#0c0c14fa!important}:root{--poi-btn-size:36px;--poi-gap:6px;--poi-padding:8px;--poi-icon-size:14px;--poi-label-size:7.5px;--poi-border-radius:12px;--poi-warning-left:50px;--bnav-height:60px;--bnav-max-width:380px;--bnav-btn-size:40px;--bnav-gap:2px;--bnav-padding:6px 10px;--bnav-icon-size:16px;--bnav-label-size:9.5px;--bnav-line-width:16px;--bnav-line-height:2px}@media (width>=768px){:root{--poi-btn-size:48px;--poi-gap:10px;--poi-padding:12px 10px;--poi-icon-size:18px;--poi-label-size:9px;--poi-border-radius:16px;--poi-warning-left:60px;--bnav-height:72px;--bnav-max-width:460px;--bnav-btn-size:48px;--bnav-gap:4px;--bnav-padding:8px 12px;--bnav-icon-size:20px;--bnav-label-size:11px;--bnav-line-width:20px;--bnav-line-height:3px}}@keyframes floatGlow1{0%,to{opacity:.15;transform:translate(-50%,-10%)scale(1)}50%{opacity:.22;transform:translate(-45%,-5%)scale(1.1)}}@keyframes floatGlow2{0%,to{opacity:.1;transform:translate(-30%,-20%)scale(1.1)}50%{opacity:.18;transform:translate(-35%,-25%)scale(.95)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulseBorder{0%,to{border-color:#8b5cf666;box-shadow:0 0 10px #8b5cf61a}50%{border-color:#06b6d4cc;box-shadow:0 0 20px #06b6d44d}}.auth-bg-glow-1{pointer-events:none;filter:blur(40px);background:radial-gradient(#8b5cf640 0%,#0000 70%);width:600px;height:500px;animation:12s ease-in-out infinite alternate floatGlow1;position:absolute;top:-10%;left:50%}.auth-bg-glow-2{pointer-events:none;filter:blur(40px);background:radial-gradient(#06b6d42e 0%,#0000 70%);width:500px;height:400px;animation:16s ease-in-out infinite alternate floatGlow2;position:absolute;top:10%;left:30%}.auth-card{transition:all .3s;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background:#12121acc!important;border:1px solid #ffffff14!important;border-top-color:#8b5cf666!important;border-radius:24px!important;box-shadow:0 20px 40px #0000004d,0 0 50px #8b5cf60d!important}.auth-card:hover{border-color:#8b5cf699 #8b5cf633 #8b5cf633!important;box-shadow:0 20px 50px #0006,0 0 60px #8b5cf614!important}.auth-error{animation:.35s ease-in-out shake;color:#fca5a5!important;background:#ef444414!important;border:1px solid #ef444440!important;border-left:4px solid #ef4444!important;border-radius:12px!important;align-items:center!important;gap:10px!important;margin-bottom:20px!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;display:flex!important}.auth-success{color:#a7f3d0!important;background:#10b98114!important;border:1px solid #10b98140!important;border-left:4px solid #10b981!important;border-radius:12px!important;align-items:center!important;gap:10px!important;margin-bottom:20px!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;display:flex!important}.auth-input-wrapper{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.auth-input-wrapper:hover{background:#ffffff0d;border-color:#8b5cf64d}.auth-input-wrapper.focused{background:#ffffff0f;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640,0 0 15px #8b5cf61a}.auth-input-wrapper.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444440,0 0 15px #ef44441a}.auth-input-icon{color:#94a3b8;justify-content:center;align-items:center;transition:color .25s,transform .25s;display:flex}.auth-input-wrapper.focused .auth-input-icon{color:#c084fc;transform:scale(1.1)}.auth-btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%)!important;border-radius:14px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #8b5cf659!important}.auth-btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf680,0 0 20px #06b6d433!important}.auth-btn-primary:not(:disabled):active{transform:translateY(1px);box-shadow:0 2px 10px #8b5cf64d!important}.auth-btn-secondary{position:relative;overflow:hidden;color:#080810!important;background:linear-gradient(135deg,#84cc16 0%,#06b6d4 100%)!important;border-radius:14px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #84cc1640!important}.auth-btn-secondary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 24px #84cc1666,0 0 20px #06b6d433!important}.auth-btn-secondary:not(:disabled):active{transform:translateY(1px);box-shadow:0 2px 10px #84cc1633!important}.auth-switch-link{text-decoration:none;transition:color .2s;position:relative}.auth-switch-link:after{content:"";transform-origin:100% 100%;background-color:#8b5cf6;width:100%;height:1.5px;transition:transform .25s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.auth-switch-link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.auth-otp-box{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.auth-otp-box:focus{transform:scale(1.05);background:#ffffff14!important;border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf640,0 0 15px #8b5cf626!important}@media (width<=480px){.auth-card{border-radius:20px!important;padding:24px 16px!important}}