:root{
  --bg:#ffffff; --surface:#f6f7fb; --panel:#ffffff; --border:#e7eaf3;
  --text:#0f1623; --muted:#607089; --accent:#2a8cff; --accent2:#19d3c5;
  --radius:16px; --shadow:0 10px 30px rgba(16,23,35,0.08);
}
.c2n-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef5ff;border:1px solid #dbe8ff;color:#2a70ff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.c2n-lede{font-size:18px;color:var(--muted);max-width:760px}
.c2n-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.c2n-form{display:grid;gap:14px}
.c2n-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:800px){.c2n-row{grid-template-columns:1fr}}
.c2n-form label{display:grid;gap:6px;color:var(--muted);font-size:14px}
.c2n-form input,.c2n-form select,.c2n-form textarea{background:#fff;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:16px;outline:none}
.c2n-form input:focus,.c2n-form select:focus,.c2n-form textarea:focus{border-color:#bcd3ff;box-shadow:0 0 0 3px #eaf2ff}
.c2n-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:var(--shadow);cursor:pointer}
.c2n-notice{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fafdff;color:#2b475e;margin-bottom:10px}
.c2n-notice.success{border-color:rgba(26,174,136,.35);background:#f3fdf9;color:#0f5c49}
.c2n-notice.error{border-color:rgba(217,76,99,.35);background:#fff6f7;color:#7a1c2a}
.c2n-refill-hero{background:#f7fbff; padding:40px 16px; color:#0f1623}