
body{font-family:Arial, sans-serif; background:#fbf8f1; padding:20px}
.container{max-width:600px;margin:0 auto}
.form-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
h1{margin-top:0}
.badge{border:1px solid #b08d57;color:#b08d57;padding:2px 8px;border-radius:999px;font-size:12px}
.subtitle{color:#6b645a}
label{display:block;margin-top:14px}
input[type="text"],button{padding:10px;border-radius:8px;border:1px solid #ccc;width:100%}
button{background:#b08d57;color:#fff;cursor:pointer;margin-top:20px}
button:hover{opacity:.9}
/* === Fix radio alignment & wrapping === */
.radio-row{display:flex; gap:24px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.radio-row label{white-space:nowrap; display:flex; align-items:center; gap:10px; margin:4px 0}
input[type="radio"]{width:auto; padding:0; border:none}
