:root {
  --navy: #102d78;
  --navy-deep: #081632;
  --orange: #08aaf0;
  --orange-light: #e8f8ff;
  --brand-cyan: #12b9ff;
  --brand-sky: #78d9ff;
  --brand-green: #00c98b;
  --brand-yellow: #ffd83d;
  --ink: #101b38;
  --muted: #68758c;
  --line: #dce5f0;
  --bg: #f4f8fc;
}

body {
  background: linear-gradient(145deg, #eef7ff 0%, #f7f9fc 58%, #fffdf5 100%);
}

.intro-panel {
  background:
    radial-gradient(circle at 82% 20%, rgba(20, 101, 255, .48), transparent 35%),
    radial-gradient(circle at 5% 95%, rgba(0, 201, 139, .12), transparent 30%),
    linear-gradient(145deg, #102f83 0%, #163fa7 46%, #081b49 100%);
}

.intro-panel::before { border-color: rgba(18, 185, 255, .13); }

.brand-mark {
  background: linear-gradient(145deg, #0a8fe4, #13bfff);
  color: #fff;
  box-shadow: 0 7px 18px rgba(9, 174, 242, .32);
}

.brand-mark svg { display: none; }
.brand-mark::after { content: "AV"; font-size: 14px; font-weight: 800; letter-spacing: -.4px; }
.eyebrow, .step-label { color: var(--brand-cyan); }
.intro-copy h1 em { color: var(--brand-sky); }
.intro-copy p { color: #c4d6ef; }
.orange-orbit { border-color: rgba(18, 185, 255, .1); }
.form-panel { background: rgba(255, 255, 255, .98); }
.form-heading h2 { color: #102d78; }
.section-title > span { background: #e8f8ff; color: #078ed2; }

.input-wrap:focus-within,
.textarea-wrap:focus-within {
  border-color: var(--brand-cyan);
  box-shadow: 0 0 0 3px rgba(18, 185, 255, .12);
}

.upload-box:hover { border-color: var(--brand-cyan); background: #f6fcff; }
.upload-icon { background: #e8f8ff; }
.upload-icon svg { stroke: #078ed2; }

.submit-btn {
  background: linear-gradient(135deg, #00b77d, #00d79a);
  box-shadow: 0 10px 24px rgba(0, 201, 139, .24);
}

.submit-btn:hover {
  background: linear-gradient(135deg, #00a973, #00c98b);
  box-shadow: 0 13px 28px rgba(0, 201, 139, .3);
}

.mobile-badge { color: #007b58; background: #e3fbf3; }
.toast > span { background: #e3fbf3; color: #00a973; }

.quick-questions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px;
}

.quick-questions button {
  border: 1px solid #cfe3f3;
  border-radius: 999px;
  background: #f6fbff;
  color: #0b3d82;
  padding: 8px 12px;
  font: 600 12px/1.2 inherit;
  cursor: pointer;
  transition: .2s;
}

.quick-questions button:hover {
  border-color: var(--brand-cyan);
  background: #eaf8ff;
  color: #057fbd;
  transform: translateY(-1px);
}

@media (max-width: 620px) {
  .mobile-topbar {
    background: rgba(255, 255, 255, .94);
    border-bottom-color: #dce9f4;
  }

  .form-heading {
    background: linear-gradient(145deg, #eef9ff 0%, #f7fbff 58%, #f0fff9 100%);
    border-bottom-color: #dce9f4;
  }

  .submit-area { border-top-color: #dce9f4; }
}