
:root {
  --cic-gold: #d8b04a;
  --cic-gold-soft: #f7df91;
  --cic-ink: #05070c;
  --cic-panel: rgba(10, 15, 27, .94);
  --cic-line: rgba(216, 176, 74, .26);
  --cic-text: #f8fafc;
  --cic-muted: #cbd5e1;
  --cic-blue: #60a5fa;
}
.complete-page { width:min(1180px,calc(100% - 32px)); margin:34px auto 70px; }
.complete-hero { position:relative; overflow:hidden; padding:clamp(28px,6vw,64px); border:1px solid var(--cic-line); border-radius:30px; background:radial-gradient(circle at 90% 0,rgba(216,176,74,.2),transparent 38%),radial-gradient(circle at 0 100%,rgba(59,130,246,.18),transparent 40%),linear-gradient(145deg,#070b14,#030407); box-shadow:0 30px 80px rgba(0,0,0,.55); }
.complete-hero .eyebrow { margin:0 0 9px; color:var(--cic-gold-soft); font-size:.76rem; font-weight:800; letter-spacing:.23em; text-transform:uppercase; }
.complete-hero h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.2rem,6vw,4.7rem); line-height:1.02; letter-spacing:-.04em; }
.complete-hero p { max-width:760px; margin:18px 0 0; color:var(--cic-muted); font-size:clamp(1rem,1.7vw,1.2rem); line-height:1.7; }
.info-panel { margin-top:22px; padding:clamp(22px,4vw,36px); border:1px solid rgba(148,163,184,.18); border-radius:24px; background:var(--cic-panel); box-shadow:0 22px 58px rgba(0,0,0,.32); }
.info-panel h2,.info-panel h3 { font-family:Georgia,"Times New Roman",serif; color:#fff; }
.info-panel h2 { margin:0 0 13px; font-size:clamp(1.6rem,3vw,2.25rem); }
.info-panel h3 { margin:22px 0 8px; }
.info-panel p,.info-panel li { color:var(--cic-muted); line-height:1.7; }
.notice-panel { margin:20px 0; padding:18px 20px; border-left:3px solid var(--cic-gold); border-radius:0 16px 16px 0; background:rgba(216,176,74,.08); color:var(--cic-muted); }
.notice-panel strong { color:var(--cic-gold-soft); }
.action-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.action-link,.action-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border:1px solid rgba(216,176,74,.42); border-radius:999px; background:linear-gradient(135deg,var(--cic-gold-soft),var(--cic-gold)); color:#151006; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.action-link.secondary,.action-button.secondary { color:#f8fafc; background:rgba(15,23,42,.75); border-color:rgba(148,163,184,.35); }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.field { display:flex; flex-direction:column; gap:7px; }
.field.full { grid-column:1/-1; }
.field label { color:#e2e8f0; font-size:.82rem; font-weight:700; }
.field input,.field select,.field textarea { width:100%; padding:12px 13px; border:1px solid rgba(148,163,184,.4); border-radius:12px; color:#f8fafc; background:#0f172a; font:inherit; }
.field input:focus,.field select:focus,.field textarea:focus { outline:2px solid rgba(216,176,74,.55); outline-offset:1px; }
.form-message { display:none; margin-top:16px; padding:13px 15px; border-radius:12px; background:rgba(30,41,59,.72); color:#e2e8f0; }
.form-message.is-visible { display:block; }
.form-message.is-error { border:1px solid rgba(248,113,113,.55); color:#fecaca; }
.form-message.is-success { border:1px solid rgba(74,222,128,.55); color:#bbf7d0; }
@media(max-width:700px){.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.complete-page{width:min(100% - 20px,1180px)}}
