@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Syne:wght@700;800&display=swap";:root{--rust:#c8451a;--rust-light:#e05d32;--bg:#fdfaf3;--white:#fff;--ink:#1a1208;--muted:#8a7a65;--border:#1a12081a;--radius:12px;--safe-area:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg);color:var(--ink);justify-content:center;min-height:100vh;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.5;display:flex}#root{background-color:var(--bg);width:100%;max-width:480px;min-height:100vh;position:relative}h1,h2,h3{font-family:Syne,sans-serif;font-weight:800;line-height:1.1}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;height:52px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-primary{background-color:var(--rust);color:var(--white)}.btn-primary:active{background-color:var(--rust-light);transform:scale(.98)}.btn-outline{border:2px solid var(--rust);color:var(--rust);background-color:#0000}.btn-outline:active{background-color:#c8451a0d}.input-group{margin-bottom:20px}.label{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input{border:1.5px solid var(--border);border-radius:var(--radius);background-color:var(--white);width:100%;height:48px;padding:0 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--rust);outline:none}.input::placeholder{color:var(--muted)}.helper-text{color:var(--muted);margin-top:4px;font-size:12px}.option-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.option-item{background:var(--white);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.option-item.selected{border-color:var(--rust);background:#c8451a08}.pill-group{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.pill{background:var(--white);border:1.5px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:100px;padding:8px 16px;font-size:14px;font-weight:500}.pill.active{background:var(--rust);color:var(--white);border-color:var(--rust)}.text-center{text-align:center}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-8{margin-bottom:32px}.p-safe{padding:var(--safe-area)}
