:root{--primary-pink:#de2674;--primary-pink-hover:#c71b60;--primary-pink-light:#fdf2f7;--primary-pink-subtle:#fce8f1;--navy-dark:#263442;--navy-slate:#334454;--text-main:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--bg-app:#faf7f5;--bg-card:#fff;--mint-green:#34d399;--mint-green-dark:#059669;--mint-light:#ecfdf5;--border-light:#f0ece8;--shadow-sm:0 2px 6px #2c3d4d0d;--shadow-md:0 8px 24px #2c3d4d12;--shadow-lg:0 16px 36px #2c3d4d1f;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-full:9999px;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#ede8e3;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex;overflow-x:hidden}.app-viewport{background-color:var(--bg-app);flex-direction:column;width:100%;max-width:440px;height:100vh;max-height:940px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000040,0 0 1px 1px #00000014}@media (width>=500px){.app-viewport{border:9px solid #1c242e;border-radius:44px;height:92vh}}@media (width<=499px){body{background-color:var(--bg-app)}.app-viewport{max-height:100vh;box-shadow:none;border:none;border-radius:0}}.app-content{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:90px;overflow:hidden auto}.app-content::-webkit-scrollbar{display:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 #de267459}50%{transform:scale(1.03);box-shadow:0 0 0 14px #de267400}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-pulse-glow{animation:2s infinite pulseGlow}.btn-primary{background-color:var(--primary-pink);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #de267452}.btn-primary:hover{background-color:var(--primary-pink-hover);transform:translateY(-1px);box-shadow:0 6px 18px #de267466}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #de267440}.btn-secondary{color:var(--navy-dark);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.card-soft{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e6e2de99;padding:18px;transition:all .2s}.card-soft:hover{box-shadow:var(--shadow-md)}.badge-pill{border-radius:var(--radius-full);align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.custom-input{border-radius:var(--radius-md);width:100%;color:var(--text-main);background-color:#fff;border:1.5px solid #e2e8f0;outline:none;padding:14px 18px;font-family:inherit;font-size:15px;transition:all .2s}.custom-input:focus{border-color:var(--primary-pink);box-shadow:0 0 0 3px #de267426}.custom-input::placeholder{color:#94a3b8}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.shrink-0{flex-shrink:0}.gap-0\.5{gap:2px}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-3\.5{gap:14px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-2\.5{padding:10px}.p-3{padding:12px}.p-3\.5{padding:14px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-2\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-3\.5{padding-top:14px;padding-bottom:14px}.py-4{padding-top:16px;padding-bottom:16px}.py-8{padding-top:32px;padding-bottom:32px}.pt-0\.5{padding-top:2px}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-2\.5{padding-top:10px}.pt-4{padding-top:16px}.pb-1{padding-bottom:4px}.pb-1\.5{padding-bottom:6px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.pl-3\.5{padding-left:14px}.pl-10{padding-left:40px}.pr-4{padding-right:16px}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-1\.5{margin-top:6px}.mt-2{margin-top:8px}.mt-2\.5{margin-top:10px}.mt-3{margin-top:12px}.mt-3\.5{margin-top:14px}.mt-4{margin-top:16px}.mt-7{margin-top:28px}.mb-1{margin-bottom:4px}.mb-1\.5{margin-bottom:6px}.mb-2{margin-bottom:8px}.mb-2\.5{margin-bottom:10px}.mb-3{margin-bottom:12px}.mb-6{margin-bottom:24px}.my-1{margin-top:4px;margin-bottom:4px}.my-2{margin-top:8px;margin-bottom:8px}.my-2\.5{margin-top:10px;margin-bottom:10px}.my-3{margin-top:12px;margin-bottom:12px}.my-4{margin-top:16px;margin-bottom:16px}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-2{margin-left:8px;margin-right:8px}.ml-2{margin-left:8px}.space-y-1>:not([hidden])~:not([hidden]){margin-top:4px}.space-y-1\.5>:not([hidden])~:not([hidden]){margin-top:6px}.space-y-2>:not([hidden])~:not([hidden]){margin-top:8px}.space-y-3>:not([hidden])~:not([hidden]){margin-top:12px}.space-y-3\.5>:not([hidden])~:not([hidden]){margin-top:14px}.space-y-4>:not([hidden])~:not([hidden]){margin-top:16px}.space-y-5>:not([hidden])~:not([hidden]){margin-top:20px}.w-full{width:100%}.h-full{height:100%}.w-fit{width:fit-content}.w-1\.5{width:6px}.h-1\.5{height:6px}.w-2{width:8px}.h-2{height:8px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-7{width:28px}.h-7{height:28px}.w-8{width:32px}.h-8{height:32px}.w-10{width:40px}.h-10{height:40px}.w-11{width:44px}.h-6{height:24px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.w-20{width:80px}.h-20{height:80px}.w-24{width:96px}.h-24{height:96px}.w-28{width:112px}.h-28{height:112px}.w-44{width:176px}.h-40{height:160px}.h-44{height:176px}.h-48{height:192px}.h-56{height:224px}.h-64{height:256px}.min-h-full{min-height:100%}.max-w-xs{max-w:320px;max-width:320px}.max-w-sm{max-width:384px}.max-w-2xl{max-width:672px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.top-0\.5{top:2px}.top-1{top:4px}.top-2{top:8px}.top-3{top:12px}.bottom-0{bottom:0}.bottom-3{bottom:12px}.left-0{left:0}.left-0\.5{left:2px}.right-0{right:0}.right-0\.5{right:2px}.right-1{right:4px}.right-3{right:12px}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.z-30{z-index:30}.z-50{z-index:50}.text-center{text-align:center}.text-left{text-align:left}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-relaxed{line-height:1.625}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-white{color:#fff}.text-\[\#1F2937\]{color:#1f2937}.text-\[\#263442\]{color:#263442}.text-\[\#DE2674\]{color:#de2674}.text-\[\#6B7280\]{color:#6b7280}.text-\[\#9CA3AF\]{color:#9ca3af}.text-\[\#64748B\]{color:#64748b}.text-\[\#4B5563\]{color:#4b5563}.text-\[\#374151\]{color:#374151}.text-\[\#059669\]{color:#059669}.text-\[\#065F46\]{color:#065f46}.text-\[\#0284C7\]{color:#0284c7}.text-\[\#B45309\]{color:#b45309}.text-\[\#78350F\]{color:#78350f}.text-\[\#92400E\]{color:#92400e}.text-\[\#D97706\]{color:#d97706}.text-\[\#6B21A8\]{color:#6b21a8}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-emerald-500{color:#10b981}.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-sky-600{color:#0284c7}.text-blue-600{color:#2563eb}.text-blue-900{color:#1e3a8a}.text-amber-600{color:#d97706}.text-amber-900{color:#78350f}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.bg-white{background-color:#fff}.bg-\[\#FAF7F5\]{background-color:#faf7f5}.bg-\[\#FCE8F1\]{background-color:#fce8f1}.bg-\[\#FAF0F4\]{background-color:#faf0f4}.bg-\[\#FDF2F7\]{background-color:#fdf2f7}.bg-\[\#DE2674\]{background-color:#de2674}.bg-\[\#EBE7E2\]{background-color:#ebe7e2}.bg-\[\#ECFDF5\]{background-color:#ecfdf5}.bg-\[\#E0F2FE\]{background-color:#e0f2fe}.bg-\[\#EFF6FF\]{background-color:#eff6ff}.bg-\[\#FFFBEB\]{background-color:#fffbeb}.bg-\[\#FFF9E6\]{background-color:#fff9e6}.bg-\[\#FFFBF0\]{background-color:#fffbf0}.bg-\[\#FAF5FF\]{background-color:#faf5ff}.bg-\[\#F8FAFC\],.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-emerald-50{background-color:#ecfdf5}.bg-emerald-100{background-color:#d1fae5}.bg-emerald-500{background-color:#10b981}.fill-white{fill:#fff}.fill-\[\#DE2674\]{fill:#de2674}.fill-\[\#059669\]{fill:#059669}.border{border:1px solid #e2e8f0}.border-2{border-style:solid;border-width:2px}.border-t{border-top-style:solid;border-top-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-dashed{border-style:dashed}.border-\[\#F0ECE8\]{border-color:#f0ece8}.border-\[\#E2E8F0\]{border-color:#e2e8f0}.border-\[\#CBD5E1\]{border-color:#cbd5e1}.border-\[\#DE2674\]{border-color:#de2674}.border-\[\#F4D1E0\]{border-color:#f4d1e0}.border-\[\#F8D2E2\]{border-color:#f8d2e2}.border-\[\#FDE68A\]{border-color:#fde68a}.border-\[\#E9D5FF\]{border-color:#e9d5ff}.border-blue-100{border-color:#dbeafe}.border-emerald-100{border-color:#d1fae5}.border-amber-100{border-color:#fef3c7}.border-red-200{border-color:#fecaca}.border-red-400{border-color:#f87171}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.rounded-3xl{border-radius:28px}.rounded-full{border-radius:9999px}.rounded-t-3xl{border-top-left-radius:28px;border-top-right-radius:28px}.shadow-sm{box-shadow:0 1px 3px #0000000d}.shadow-md{box-shadow:0 6px 18px #0000000f}.shadow-lg{box-shadow:0 12px 28px #0000001f}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-inner{box-shadow:inset 0 2px 4px #0000000d}.drop-shadow-sm{filter:drop-shadow(0 1px 2px #0000000d)}.drop-shadow-md{filter:drop-shadow(0 4px 6px #00000014)}.transition-all{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.object-cover{object-fit:cover}.object-center{object-position:center}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.opacity-40{opacity:.4}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.hover\:opacity-80:hover{opacity:.8}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.active\:scale-95:active{transform:scale(.95)}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:translate-x-1{transform:translate(4px)}.group:hover .group-hover\:text-\[\#DE2674\]{color:#de2674}