.planner-page{background:radial-gradient(circle at 10% 0%,#ecfdf5 0,transparent 32rem),#f8fafc}.planner-hero{background:linear-gradient(120deg,#064e3b 0%,#065f46 48%,#0f766e 100%);box-shadow:0 24px 60px rgba(6,78,59,.18)}.planner-orbit{position:absolute;right:-5rem;top:-8rem;width:28rem;height:28rem;border:1px solid rgba(167,243,208,.22);border-radius:50%}.planner-orbit:before,.planner-orbit:after,.planner-orbit span{content:"";position:absolute;border:1px solid rgba(167,243,208,.18);border-radius:50%;inset:2.2rem;transform:rotate(30deg)}.planner-orbit:after{inset:5rem;transform:rotate(-42deg)}.planner-orbit span:nth-child(1){inset:9rem;background:#a7f3d0;border:0;box-shadow:0 0 50px rgba(167,243,208,.45)}.planner-orbit span:nth-child(2){inset:3rem;border-left-color:transparent;transform:rotate(-20deg)}.planner-orbit span:nth-child(3){inset:7rem;border-top-color:transparent;transform:rotate(58deg)}.planner-choice{display:block;cursor:pointer}.planner-choice input{position:absolute;opacity:0}.planner-choice span{display:flex;flex-direction:column;gap:.25rem;min-height:76px;padding:.85rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;transition:.2s}.planner-choice:hover span{border-color:#6ee7b7;background:#f0fdf4}.planner-choice input:checked+span{border-color:#059669;background:#ecfdf5;box-shadow:0 0 0 2px #a7f3d0}.planner-choice b{font-size:.78rem;color:#0f172a}.planner-choice small{font-size:.68rem;color:#64748b;line-height:1.25}.planner-label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.45rem}.planner-input,.planner-input-wrap{width:100%;border:1px solid #cbd5e1;border-radius:.9rem;background:#fff;color:#0f172a;font-size:.875rem;font-weight:700;outline:none;transition:.2s}.planner-input{padding:.78rem .85rem}.planner-input-wrap{display:flex;align-items:center;overflow:hidden}.planner-input-wrap span{padding-left:.85rem;color:#94a3b8}.planner-input-wrap input{min-width:0;width:100%;padding:.78rem .7rem;border:0;outline:0;font-weight:700}.planner-input:focus,.planner-input-wrap:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #d1fae5}.planner-metric{padding:1rem;border-radius:1rem;background:#f8fafc;border:1px solid #e2e8f0}.planner-metric b{display:block;font-size:1.05rem;color:#0f172a}.planner-metric span{display:block;margin-top:.3rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:800}.market-card{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem;background:#fff}.market-card:hover{border-color:#6ee7b7;box-shadow:0 8px 24px rgba(15,23,42,.06)}.market-pill{font-size:.63rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.25rem .55rem}.market-pill.lazada{color:#0369a1;background:#e0f2fe}.market-pill.shopee{color:#c2410c;background:#ffedd5}.market-card img{width:3.6rem;height:3.6rem;object-fit:contain;border-radius:.75rem;background:#f8fafc}.market-card a{display:inline-flex;align-items:center;gap:.35rem;border-radius:.65rem;padding:.5rem .7rem;font-size:.7rem;font-weight:900;max-width:100%;white-space:normal;overflow-wrap:anywhere}.market-card a.primary{color:#fff;background:#047857}.market-card a.secondary{color:#475569;background:#f1f5f9}.planner-spin{animation:plannerSpin 1s linear infinite}@keyframes plannerSpin{to{transform:rotate(360deg)}}
@media (max-width:640px){.market-card{padding:.85rem}.market-card .flex.gap-2{flex-wrap:wrap}.market-card .flex.gap-2 a{flex:1 1 100%;justify-content:center;text-align:center}}