.solarquiz-cta {
  --sq-cta-blue: var(--sq-blue);
  --sq-cta-blue-hover: var(--sq-blue-hover);
  --sq-cta-ink: var(--sq-ink);
  box-sizing: border-box;
  padding: 100px 24px;
  background: linear-gradient(135deg, oklch(95.006% .0097 72.8), oklch(86.354% .0239 56));
  color: var(--sq-cta-ink);
  text-align: center;
}
.solarquiz-cta *, .solarquiz-cta *::before, .solarquiz-cta *::after { box-sizing: border-box; }
.solarquiz-cta h2 { margin: 0 0 5px; color: var(--sq-cta-ink); font: 600 36px/1.25 Poppins, Arial, sans-serif; }
.solarquiz-cta > p { margin: 0 0 28px; color: var(--sq-cta-ink); font: 400 16px/1.5 Poppins, Arial, sans-serif; }
.solarquiz-cta .cta-form { width: min(500px, 100%); margin: 0 auto; }
.solarquiz-cta .cta-hint { position: relative; z-index: 1; display: inline-block; margin: 0 0 10px; padding: 10px 25px; border-radius: var(--sq-radius); background: var(--sq-cta-ink); color: #fff; font: 400 14px/1.2 Poppins, Arial, sans-serif; }
.solarquiz-cta .cta-hint::after { position: absolute; top: 100%; left: 30px; width: 0; height: 0; border: 7px solid transparent; border-top-color: var(--sq-cta-ink); content: ""; }
.solarquiz-cta .cta-row { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: var(--sq-radius); }
.solarquiz-cta .cta-row input, .solarquiz-cta .cta-row a, .solarquiz-cta .cta-row button { width: 100%; height: 66px; min-height: 66px; margin: 0; border: 0; border-radius: 0; font: 500 clamp(21px, 2.3vw, 30px)/1 Poppins, Arial, sans-serif; }
.solarquiz-cta .cta-row input { min-width: 0; padding: 8px 12px; background: #fff; color: var(--sq-cta-ink); text-align: center; outline: 0; }
.solarquiz-cta .cta-row input::placeholder { color: #737373; opacity: 1; }
.solarquiz-cta .cta-row input:focus, .solarquiz-cta .cta-row input:focus-visible { border-color: var(--sq-cta-blue); outline: 2px solid var(--sq-cta-blue); outline-offset: -2px; box-shadow: inset 0 0 0 1px var(--sq-cta-blue); }
.solarquiz-cta .cta-row a, .solarquiz-cta .cta-row button { display: flex; align-items: center; justify-content: center; padding: 0 20px; background: var(--sq-cta-blue); color: #fff; text-decoration: none; cursor: pointer; }
.solarquiz-cta .cta-row a:hover, .solarquiz-cta .cta-row a:focus, .solarquiz-cta .cta-row button:hover, .solarquiz-cta .cta-row button:focus { background: var(--sq-cta-blue-hover); }
@media (max-width: 1199px) { .solarquiz-cta { padding-top: 80px; padding-bottom: 80px; } }
@media (max-width: 600px) {
  .solarquiz-cta { padding: 40px 20px; }
  .solarquiz-cta h2 { font-size: 26px; }
  .solarquiz-cta > p { margin-bottom: 24px; font-size: 15px; }
  .solarquiz-cta .cta-row { grid-template-columns: 1fr; gap: 10px; overflow: visible; }
  .solarquiz-cta .cta-row input, .solarquiz-cta .cta-row a, .solarquiz-cta .cta-row button { height: 56px; min-height: 56px; border-radius: var(--sq-radius); font-size: 20px; }
}