.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff7f1,#fffaf7);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .5s ease-in}.loader-logo{position:relative;display:flex;justify-content:center;align-items:center}.loader-img{width:100px;height:100px;animation:pulse 1.8s infinite ease-in-out}.plane-path{position:absolute;width:140px;height:140px;border:3px dashed #ff914d;border-radius:50%;animation:rotate 2s linear infinite}.loader-text{margin-top:20px;color:#ff914d;font-weight:500;font-size:18px;letter-spacing:.5px;animation:fadeText 1.8s infinite alternate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeText{0%{opacity:.5}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.otp-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#fff7f1,#fffaf7)}.otp-back{position:absolute;top:40px;left:60px;background:none;border:none;display:flex;align-items:center;gap:6px;color:#444;font-size:15px;cursor:pointer}.otp-logo{width:160px;margin-bottom:25px}.otp-title{font-size:20px;color:#222;margin-bottom:6px;font-weight:600}.otp-subtext{font-size:14px;color:#777;text-align:center;margin-bottom:28px;line-height:1.4}.otp-input-row{display:flex;gap:12px;margin-bottom:20px}.otp-box{width:48px;height:56px;border:1px solid #ddd;border-radius:10px;font-size:22px;text-align:center;outline:none;transition:border .2s ease}.otp-box:focus{border:1.5px solid #ff914d;box-shadow:0 0 6px #ff914d59}.otp-resend{font-size:14px;color:#ff6a00;margin-bottom:32px;cursor:pointer}.otp-verify-btn{width:350px;padding:14px 0;font-size:16px;border-radius:10px;border:none;background-color:#ffc7ab;color:#fff;cursor:not-allowed;transition:.3s}.otp-verify-btn.active{background-color:#ff914d;cursor:pointer;box-shadow:0 4px 12px #ff914d73}.otp-verify-btn.active:hover{background-color:#ff7b20}.select-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fff7f1,#fffaf7);animation:fadeIn .6s ease}.select-content{background:#fff;padding:50px 60px;border-radius:20px;text-align:center;width:400px;box-shadow:0 8px 25px #00000014}.select-logo{width:120px;margin-bottom:25px}.select-title{font-size:22px;font-weight:600;color:#222;margin-bottom:8px}.select-subtitle{color:#666;font-size:15px;margin-bottom:25px}.select-btn{width:100%;background-color:#ffc5a3;border:none;color:#fff;font-size:16px;border-radius:10px;padding:14px 0;cursor:pointer;margin-top:10px;transition:all .3s ease}.select-btn:hover{transform:translateY(-2px)}.select-btn.sender{background-color:#ff914d;box-shadow:0 4px 10px #ff914d66}.select-btn.traveler{background-color:#ffa86b;box-shadow:0 4px 10px #ffa86b66}.select-btn.sender:hover{background-color:#ff7a29}.select-btn.traveler:hover{background-color:#ff9241}*,*:before,*:after{box-sizing:border-box}.landing-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#fff7f1,#fffaf7)}.landing-card{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:48px 40px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:fadeIn .5s ease}.landing-logo{width:120px;height:auto;margin-bottom:6px}.landing-title{font-size:22px;font-weight:600;color:#222;margin:0}.landing-title span{color:#ff914d}.landing-subtitle{color:#666;font-size:15px;margin:0 0 8px}.landing-input{width:100%;padding:13px;border:1.5px solid #ddd;border-radius:10px;outline:none;font-size:15px;transition:.3s}.landing-input.active,.landing-input:focus{border-color:#ff914d;box-shadow:0 0 6px #ff914d4d}.landing-btn{width:100%;background-color:#ffc5a3;border:none;color:#fff;font-size:16px;border-radius:10px;padding:14px 0;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .02s ease}.landing-btn.active{background-color:#ff914d;box-shadow:0 4px 10px #ff914d66}.landing-btn.active:hover{background-color:#ff7a29}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:400px){.landing-card{padding:36px 24px;border-radius:16px}.landing-logo{width:104px}}.addr-card{width:680px;background:#fff;border-radius:16px;padding:36px;box-shadow:0 20px 60px #0000000f;display:flex;flex-direction:column;gap:16px;align-items:center}.addr-logo{width:120px;margin-bottom:10px}.addr-title{color:#ff914d;font-weight:600;margin-bottom:4px}.addr-input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #e9e9ec;background:#f7f7f9;outline:none;font-size:14px}.addr-next{margin-top:20px;padding:14px 20px;border-radius:24px;background:linear-gradient(180deg,#ffb78a,#ff914d);color:#fff;border:none;cursor:pointer;font-weight:600;box-shadow:0 12px 30px #ff914d2e;transition:.3s}.addr-next:hover{transform:translateY(-2px);box-shadow:0 16px 40px #ff914d40}.addr-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff7f1,#fffaf7);padding:40px}.addr-card{width:680px;background:#fff;border-radius:16px;padding:36px;box-shadow:0 20px 60px #0000000f;display:flex;flex-direction:column;gap:12px}.addr-title{color:#ff914d;text-align:center;font-size:18px;font-weight:600;margin-bottom:6px}.addr-card input{padding:14px 16px;border-radius:10px;border:1px solid #e9e9ec;background:#f7f7f9;outline:none;font-size:14px;margin:6px 0}.addr-next{margin-top:14px;padding:14px;border-radius:24px;background:linear-gradient(180deg,#ffb78a,#ff914d);color:#fff;border:none;cursor:pointer;font-weight:600;box-shadow:0 12px 30px #ff914d2e}.distance-bubble{margin-top:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,#ff914d0f,#ff914d05);display:flex;justify-content:space-between;align-items:center;color:#444;font-weight:500}.distance{color:#ff7a29;font-weight:700}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}