:root{--ink: #102a43;--muted: #486581;--sky: #00b4d8;--lake: #0077b6;--lake-deep: #023e8a;--coral: #ff6b35;--sun: #ffd166;--mint: #06d6a0;--card: rgba(255, 255, 255, .94);--line: rgba(16, 42, 67, .12);--ok: #0f9f6e;--danger: #e63946;--radius: 22px;--shadow: 0 28px 70px rgba(2, 62, 138, .18);font-family:Outfit,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 520px at 8% -5%,rgba(0,180,216,.45),transparent 55%),radial-gradient(700px 480px at 95% 5%,rgba(255,107,53,.35),transparent 50%),radial-gradient(600px 420px at 70% 90%,rgba(255,209,102,.35),transparent 55%),linear-gradient(160deg,#e0f7fa,#fff7ed 42%,#ffe8d6);background-attachment:fixed}button,input,select,textarea{font:inherit}.page{max-width:980px;margin:0 auto;padding:28px 20px 72px;position:relative}.hero{position:relative;margin-bottom:26px;padding:8px 4px 6px;overflow:hidden}.hero-glow{position:absolute;border-radius:999px;filter:blur(28px);pointer-events:none;z-index:0}.hero-glow-a{width:180px;height:180px;top:-40px;left:-30px;background:#00b4d873;animation:floaty 8s ease-in-out infinite}.hero-glow-b{width:160px;height:160px;top:10px;right:10%;background:#ff6b3559;animation:floaty 7s ease-in-out infinite reverse}.hero-glow-c{width:120px;height:120px;bottom:-20px;left:40%;background:#ffd16680;animation:floaty 9s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}.brand-row,.hero h1,.hero-lead,.hero-pills{position:relative;z-index:1}.brand-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.logo-mark{flex-shrink:0;filter:drop-shadow(0 10px 20px rgba(0,119,182,.35));border-radius:18px}.brand-name{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.35rem;letter-spacing:-.02em;background:linear-gradient(90deg,var(--lake-deep),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tag{color:var(--muted);font-size:.92rem;font-weight:500}.hero h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2.35rem,6vw,3.6rem);line-height:1.05;margin:0 0 12px;letter-spacing:-.03em;color:var(--ink)}.hero h1 span{display:inline;background:linear-gradient(90deg,var(--sky),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{margin:0 0 18px;max-width:40rem;color:var(--muted);font-size:1.08rem;line-height:1.5}.hero-pills{display:flex;flex-wrap:wrap;gap:8px}.hero-pills span{background:#ffffffbf;border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 20px #023e8a14;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:600;color:var(--lake-deep)}.shell{background:var(--card);border:1px solid rgba(255,255,255,.8);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);overflow:visible;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);border-radius:calc(var(--radius) + 4px) calc(var(--radius) + 4px) 0 0;overflow:hidden}.tabs button{border:0;background:#f7fbff;padding:18px 16px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;transition:background .2s ease,color .2s ease}.tabs button strong{font-size:1.05rem;color:var(--ink)}.tabs button span{font-size:.86rem;color:var(--muted)}.tabs button.buy.active{background:linear-gradient(180deg,#00b4d838,#00b4d80d);box-shadow:inset 0 -4px 0 var(--sky)}.tabs button.sell.active{background:linear-gradient(180deg,#ff6b3533,#ff6b350d);box-shadow:inset 0 -4px 0 var(--coral)}.form-wrap{padding:28px 24px 32px}.section-title{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:16px;color:var(--lake-deep)}.section-title .dot{width:12px;height:12px;border-radius:999px}.section-title .dot.buy{background:linear-gradient(135deg,var(--sky),var(--lake))}.section-title .dot.sell{background:linear-gradient(135deg,var(--sun),var(--coral))}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:.92rem;font-weight:600}.field .hint{font-size:.82rem;color:var(--muted);font-weight:400;margin-top:2px}.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px #00b4d82e}.field textarea{min-height:96px;resize:vertical}.location-box{position:relative;border:1.5px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f3fbff);padding:12px;box-shadow:inset 0 1px #ffffffe6}.location-box.open{border-color:var(--sky);box-shadow:0 0 0 4px #00b4d826}.location-input-row{display:flex;align-items:center;gap:8px}.location-icon{font-size:1.1rem}.location-input-row input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;padding:8px 4px!important;min-width:0}.location-browse{border:0;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--lake),var(--lake-deep));white-space:nowrap}.selected-tags,.suggest-row .chips,.chips{display:flex;flex-wrap:wrap;gap:8px}.selected-tags{margin-top:10px}.suggest-row{margin-top:12px;display:flex;flex-direction:column;gap:8px}.suggest-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--coral)}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:.9rem;transition:transform .12s ease,background .12s ease}.chip:hover{transform:translateY(-1px)}.chip.suggest{background:linear-gradient(180deg,#fff,#eef9ff);border-color:#00b4d859}.chip.on,.chip.selected{background:linear-gradient(135deg,#00b4d833,#ff6b352e);border-color:#0077b673;color:var(--lake-deep);font-weight:700}.location-popup{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;background:#fff;border:1px solid rgba(0,119,182,.2);border-radius:16px;box-shadow:0 24px 50px #023e8a38;overflow:hidden;animation:popIn .16s ease-out}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.location-popup-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:linear-gradient(90deg,#00b4d826,#ffd16633);border-bottom:1px solid var(--line);font-size:.92rem}.location-popup-head span{color:var(--muted);font-size:.82rem}.location-popup-list{max-height:240px;overflow:auto;padding:6px}.location-option{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:11px 12px;border-radius:10px;cursor:pointer;text-align:left;color:var(--ink)}.location-option:hover{background:#00b4d81a}.location-option.on{background:linear-gradient(90deg,#00b4d82e,#ff6b351f);font-weight:700}.location-option .check{color:var(--mint);font-weight:800}.location-empty{padding:18px;text-align:center;color:var(--muted)}.location-popup-foot{padding:10px 12px 12px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{border:0;border-radius:999px;padding:13px 22px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--sky),var(--lake-deep));color:#fff;box-shadow:0 12px 28px #0077b659}.btn-primary.sell-cta{background:linear-gradient(135deg,var(--sun),var(--coral));box-shadow:0 12px 28px #ff6b3559}.btn-accent{background:linear-gradient(135deg,var(--mint),var(--lake));color:#fff}.btn-primary:disabled{opacity:.65;cursor:wait}.error{color:var(--danger);font-size:.92rem;font-weight:600}.thanks{padding:48px 28px;text-align:center;overflow:hidden}.thanks-badge{width:64px;height:64px;margin:0 auto 14px;border-radius:999px;display:grid;place-items:center;font-size:1.6rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--mint),var(--lake));box-shadow:0 12px 30px #06d6a059}.thanks h2{font-family:Fraunces,Georgia,serif;font-size:2.1rem;margin:0 0 10px;color:var(--ok)}.thanks p{color:var(--muted);margin:0 0 22px}.footer{margin-top:24px;color:var(--muted);font-size:.92rem;text-align:center;font-weight:500}@media (max-width: 720px){.grid{grid-template-columns:1fr}.form-wrap{padding:22px 16px 28px}.tabs button span{display:none}.brand-row{gap:10px}}