#landing{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background-image:url(/images/hero-bg-800w.webp);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}@media (min-width:768px){.hero-bg{background-image:url(/images/hero-bg-1600w.webp)}}@media (min-width:1440px){.hero-bg{background-image:url(/images/hero-bg-3200w.webp)}}.hero-bg:after{content:"";background:radial-gradient(at 50% 40%,#0a080573 0%,#0a080526 50%,#0a080566 100%);position:absolute;inset:0}.landing-center{z-index:1;text-align:center;width:100%;max-width:480px;padding:24px;animation:.8s ease-out fadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-center h1{color:#fff;text-shadow:0 2px 20px #0006;white-space:nowrap;margin-bottom:32px;font-size:36px;font-weight:500;line-height:1.2}.create-trip-form{flex-direction:column;gap:12px;display:flex}.input-with-arrow{align-items:center;display:flex;position:relative}.input-with-arrow input{text-align:center;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border:none;border-radius:14px;outline:none;width:100%;padding:16px 52px 16px 20px;font-family:inherit;font-size:17px;transition:background .2s,box-shadow .2s;box-shadow:0 4px 24px #00000026}.input-with-arrow input:focus{background:#fff;box-shadow:0 4px 32px #0003}.input-with-arrow input::placeholder{color:var(--text-muted)}.arrow-btn{background:var(--accent-dark);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .15s,opacity .15s;display:flex;position:absolute;right:6px}.arrow-btn:hover:not(:disabled){background:var(--gray-800);transform:translate(1px)}.arrow-btn:disabled{opacity:.25;cursor:default}.arrow-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-field--reveal{animation:.3s ease-out fadeUp}.form-error{color:#ff6b5a;text-shadow:0 1px 4px #0000004d;font-size:13px}@media (max-width:480px){.landing-center h1{margin-bottom:24px;font-size:28px}.input-with-arrow input{padding:14px 48px 14px 16px;font-size:16px}}
/*# sourceMappingURL=0dcim5i9pfetx.css.map*/