:root{
  --civiciq-blue:#1C263A;
  --blue-600:#23314f;
  --accent:#0ea5e9;
  --text:#0f172a;
  --bg:#f8fafc;
  --radius:16px;
  --shadow:0 10px 30px rgba(16,24,40,.08);
}
.civiciq-we-card{background:var(--bg);border:1px solid #e2e8f0;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;}
.civiciq-we-hero{background:linear-gradient(180deg,var(--civiciq-blue) 0%, var(--blue-600) 100%);color:#fff;border-radius:14px;padding:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.civiciq-we-hero-title{display:flex;align-items:center;gap:10px;font-weight:800}
.civiciq-we-form .civiciq-we-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.civiciq-we-field label{font-weight:700;color:var(--text)}
.civiciq-we-field input,.civiciq-we-field select,.civiciq-we-field textarea{width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff}
.civiciq-we-checkboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:8px}
.civiciq-we-actions{margin-top:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.civiciq-we-btn{background:var(--civiciq-blue);color:#fff;border:0;border-radius:999px;padding:10px 16px;font-weight:800;box-shadow:0 8px 18px rgba(28,38,58,.28);cursor:pointer}
.civiciq-we-hint{color:#475569;font-size:.92rem}
.civiciq-we-status{margin-top:12px;background:#eef2ff;border:1px solid #c7d2fe;color:#1e3a8a;padding:10px;border-radius:10px}
.civiciq-we-status.error{background:#fff1f2;border-color:#fecdd3;color:#7f1d1d}
@media(max-width:800px){.civiciq-we-form .civiciq-we-grid{grid-template-columns:1fr}}

/* WOW UI */
.civiciq-we-card-hero{background:#fff;border-radius:26px;box-shadow:0 16px 48px rgba(0,0,0,.10);overflow:hidden;max-width:1220px;margin:38px auto;display:flex;min-height:380px}
.civiciq-we-card-hero-inner{display:flex;width:100%}
.civiciq-we-card-left{flex:1;padding:46px 50px}
.civiciq-we-card-right{width:44%;min-width:440px;background:#1C263A;position:relative;isolation:isolate;overflow:hidden}
.civiciq-square{position:absolute;border-radius:22px;filter:blur(0.4px)}
.civiciq-square--a{width:140px;height:140px;top:60px;left:64px;background:rgba(61,122,255,.35);box-shadow:0 0 130px 60px rgba(61,122,255,.45);animation:floatA 24s ease-in-out infinite, pulse 6s ease-in-out infinite}
.civiciq-square--b{width:260px;height:260px;top:120px;right:120px;border-radius:30px;background:rgba(155,179,255,.25);box-shadow:0 0 190px 90px rgba(155,179,255,.35);animation:floatB 28s ease-in-out infinite, pulse 7s ease-in-out infinite reverse}
.civiciq-square--c{width:180px;height:180px;bottom:40px;right:50px;border:2px dashed #8fb0ff;background:transparent;box-shadow:0 0 150px 50px rgba(126,160,255,.28);animation:floatC 26s ease-in-out infinite, pulse 8s ease-in-out infinite}
@keyframes floatA{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(22px,-14px) rotate(10deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes floatB{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(-18px,12px) rotate(-6deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes floatC{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(16px,-16px) rotate(8deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}100%{opacity:.7;transform:scale(1)}}
.civiciq-we-eyebrow{color:#2563eb;font-weight:800;letter-spacing:.04em}
.civiciq-we-title{font-size:46px;line-height:1.06;margin:10px 0 12px 0;color:#0f172a}
.civiciq-we-subtitle{opacity:.85;max-width:640px;margin:0 0 20px 0;color:#1f2937}
.civiciq-we-form-wrap form{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.civiciq-we-input{flex:1;min-width:300px;padding:15px 18px;border:1px solid #e5e7eb;border-radius:14px;font-size:16px}
.civiciq-we-button{padding:15px 22px;border-radius:14px;border:none;background:#007BFF;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 22px rgba(0,123,255,.22);transition:transform .12s ease, box-shadow .12s ease}
.civiciq-we-button:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,123,255,.28)}
.civiciq-we-progress{height:2px;background:#e5e7eb;border-radius:999px;overflow:hidden;width:100%;margin-top:10px;display:none}
.civiciq-we-progress > span{display:block;height:100%;background:#1C263A;width:0;transition:width .2s linear}
.civiciq-we-report{max-width:1220px;margin:22px auto 80px auto;border-radius:18px;box-shadow:0 8px 28px rgba(0,0,0,.06);padding:20px;background:#fff}
.civiciq-we-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.civiciq-we-report-actions .civiciq-we-btn{padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer}
.civiciq-we-status{max-width:1220px;margin:10px auto;color:#374151;font-size:14px}
.civiciq-card{background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.civiciq-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.civiciq-muted{color:#64748b}
.civiciq-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-weight:700;margin-right:8px}
.civiciq-h3{margin:.2rem 0 .6rem 0}
