@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.collapse{visibility:collapse}.visible{visibility:visible}.sticky{position:sticky}.z-10{z-index:10}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--green:#149a7d;--green-dark:#0e7a63;--navy:#1a2b4a;--coral:#ff6b35;--green-light:#e8f7f3;--coral-light:#fff4f0;--navy-light:#eef1f6;--bg:#f8f7f4;--text-primary:#1a2b4a;--text-secondary:#374151;--text-muted:#4b5563;--border:#ddd9d2}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,.font-display{font-family:Syne,sans-serif}.progress-track{background:#e8e6e1;width:100%;height:4px}.progress-fill{background:var(--green);border-radius:0 2px 2px 0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-scale-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards scaleIn}.option-btn{border:2px solid var(--border);cursor:pointer;text-align:left;width:100%;min-height:60px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.option-btn:active{transform:scale(.98)}.option-btn:hover,.option-btn.selected{border-color:var(--green);background:var(--green-light)}.option-btn .key-badge{width:32px;height:32px;color:var(--text-muted);background:#edebe7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.option-btn.selected .key-badge,.option-btn:hover .key-badge{background:var(--green);color:#fff}.btn-primary{background:var(--green);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px 32px;font-family:Syne,sans-serif;font-size:17px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--green-dark)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;background:#b8b5af;transform:none}.input-field{border:2px solid var(--border);width:100%;color:var(--text-primary);background:#fff;border-radius:16px;outline:none;padding:18px 20px;font-family:DM Sans,sans-serif;font-size:18px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--green);box-shadow:0 0 0 4px #149a7d1f}.input-field::placeholder{color:#a8a49e}.badge{border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green)}.badge-coral{background:var(--coral-light);color:var(--coral)}.card{background:#fff;border:1px solid #e8e6e1;border-radius:18px;padding:24px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0cec9;border-radius:4px}@media (prefers-reduced-motion:reduce){.animate-slide-up,.animate-fade-in,.animate-scale-in{opacity:1;animation:none;transform:none}.option-btn,.btn-primary,.progress-fill{transition:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
