:root{
  --primary-text:#0a0783ff;
  --desc-text:#00000070;
  --input-text:#000000;
  --btn-back-bg:#f0f0f0;
  --btn-back-text:#00000070;
  --btn-next-bg:#00C3E7;
  --btn-next-text:#ffffff;
  --border:#e0e0e0;
}

*{box-sizing:border-box}
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  margin:0;
  background:#f7f7f7;
  color:var(--input-text);
  -webkit-text-size-adjust:100%;
}
.container{padding:12px}
.card{
  background:#fff;
  border:1px solid #f0f0f0;
  border-radius:16px;
  padding:18px 14px;
  box-shadow:0 6px 14px rgba(0,0,0,.04);
}
h1{margin:0 0 6px;font-size:20px;color:var(--primary-text)}
p{margin:0 0 12px;color:var(--desc-text);font-size:13px;line-height:1.4}
.btn{
  width:100%;
  border:0;
  border-radius:999px;
  padding:12px 14px;
  font-size:14px;
  cursor:pointer;
  margin-top:10px;
}
.btn-primary{background:var(--btn-next-bg);color:var(--btn-next-text)}
.btn-ghost{background:var(--btn-back-bg);color:var(--btn-back-text)}
.hr{height:1px;background:#eee;margin:14px 0}
.small{font-size:12px;color:var(--desc-text)}
.input, select{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  font-size:16px;
  background:#fff;
}
.label{font-size:14px;color:var(--primary-text);font-weight:600;margin:10px 0 6px}
.error{display:none;color:#d8000c;font-size:12px;margin-top:6px}
.error.show{display:block}
.list-item{
  border:1px solid #eee;
  border-radius:12px;
  padding:10px 12px;
  margin:8px 0;
  background:#fafafa;
}
.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef9ff;color:var(--primary-text);font-size:12px}