/* Simple stylesheet for Chinese pledge site */
:root{
  --bg:#ff5252;
  --card:#ff6b6b;
  --accent:#fff;
  --muted:#fff;
  --text:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial; background:#ff5252; color:var(--text); -webkit-font-smoothing:antialiased}
.container{max-width:720px;margin:40px auto;padding:16px}
.hero{text-align:center;margin-bottom:18px}
.hero h1{font-size:40px;margin:6px 0;color:var(--accent)}
.hero .tagline{color:var(--muted);margin:0}
.domain{margin-top:6px;color:var(--muted);font-size:13px}
.domain a{color:var(--muted);text-decoration:none}
.card{background:transparent;padding:20px;border-radius:10px;box-shadow:none;margin-bottom:16px}
.card.success-message{background:transparent;border:none}
label{display:block;margin-bottom:12px;color:var(--text)}
input[type="text"], input[type="email"], input[type="date"], select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.3);background:transparent;color:#fff}
input[type="text"]::placeholder, input[type="email"]::placeholder{color:rgba(255,255,255,0.7)}
select option{background:#333;color:#fff}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.btn{padding:10px 14px;border-radius:8px;border:none;background:rgba(255,255,255,0.04);color:var(--text);cursor:pointer;text-decoration:none;display:inline-block}
.btn.primary{background:#fff;color:#ff5252;font-weight:600}
.notes{color:var(--muted);font-size:14px}
.hint{color:var(--muted);font-size:13px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.form-row.stacked{grid-template-columns:1fr}
.form-col{flex:1}
.form-col label{margin-bottom:4px}
@media (max-width:520px){.hero h1{font-size:28px}.form-row{grid-template-columns:1fr}}