/* V2 glass and card refinement layer. V1 supplies content, typography and action colours. */
body.design-v1 {
  background-color: #f1f5f9;
  background-image:
    radial-gradient(ellipse at 95% 5%, #e2ecfc 0%, transparent 48%),
    radial-gradient(ellipse at 4% 48%, #e2ecfc 0%, transparent 46%);
}
.design-v1 :is(.registration-card, .surface-card, .pain-card, .part-card, .result-card, .eligibility-card, .calendar-card, .social-section, .countdown-panel) {
  background-color: rgb(255 255 255 / 76%);
  background-image: linear-gradient(135deg, rgb(255 255 255 / 45%), transparent 55%);
  box-shadow: inset 0 1px 0 #fff, inset 1px 0 0 rgb(255 255 255 / 45%), inset 0 -1px 0 rgb(15 23 42 / 5%), 0 12px 30px rgb(15 23 42 / 10%), 0 2px 5px rgb(15 23 42 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
}
.design-v1 .secondary-card {
  background-color: rgb(237 241 247 / 94%);
}
.design-v1 .gifts-section {
  background-color: rgb(238 244 255 / 92%);
  background-image: linear-gradient(135deg, rgb(255 255 255 / 50%), transparent 60%);
  box-shadow: inset 0 1px 0 #fff, 0 12px 30px rgb(21 94 239 / 6%);
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
}
.design-v1 :is(.media-empty, .testimonial-empty, .toolkit-section, .closing-section) {
  background-image: linear-gradient(135deg, rgb(255 255 255 / 7%), transparent 55%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 32%), inset 1px 0 0 rgb(255 255 255 / 8%), 0 14px 32px rgb(15 23 42 / 12%);
}
.design-v1 :is(.registration-date, .event-detail, .countdown-cell) {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -1px 0 rgb(0 0 0 / 15%);
}
.design-v1 .button {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%), 0 4px 10px rgb(15 23 42 / 12%);
}
.design-v1 .form-control {
  box-shadow: inset 0 2px 3px rgb(15 23 42 / 4%), 0 1px 0 rgb(255 255 255 / 90%);
}
/* V1's opaque surfaces remain available when transparency is inappropriate. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .design-v1 :is(.registration-card, .surface-card, .pain-card, .part-card, .result-card, .eligibility-card, .calendar-card, .social-section, .countdown-panel) { background: #fff; }
  .design-v1 .secondary-card { background: #edf1f7; }
  .design-v1 .gifts-section { background: #eef4ff; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), print {
  body.design-v1 { background: #f1f5f9; }
  .design-v1 :is(.registration-card, .surface-card, .pain-card, .part-card, .result-card, .eligibility-card, .calendar-card, .social-section, .countdown-panel) { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .design-v1 .secondary-card { background: #edf1f7; }
  .design-v1 .gifts-section { background: #eef4ff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .design-v1 :is(.media-empty, .testimonial-empty, .toolkit-section, .closing-section) { background-image: none; }
}
/* Preserve the form's absolute-positioning context, including its spam trap. */
.design-v1 .registration-card { -webkit-backdrop-filter: none; backdrop-filter: none; }

/* Consistent card geometry: repeated information uses the same rounded material. */
.design-v1 .page-sections .stats {
  padding: 0;
  border: 0;
  gap: 24px;
}
.design-v1 .stats .stat,
.design-v1 .stats .stat + .stat {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background-color: rgb(255 255 255 / 76%);
}
.design-v1 .pain-card { border-radius: var(--radius); }
.design-v1 .toolkit-card {
  padding: 24px;
  border: 1px solid #475569;
  border-radius: var(--radius);
  background: rgb(255 255 255 / 5%);
  background-image: linear-gradient(135deg, rgb(255 255 255 / 4%), transparent 70%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 12%);
}
@media (max-width: 600px) {
  .design-v1 .page-sections .stats { gap: 16px; }
  .design-v1 .stats .stat,
  .design-v1 .stats .stat + .stat { padding: 20px; }
  .design-v1 .toolkit-card { padding: 20px; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .design-v1 .stats .stat, .design-v1 .stats .stat + .stat { background-color: #fff; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), print {
  .design-v1 .stats .stat, .design-v1 .stats .stat + .stat { background-color: #fff; }
  .design-v1 .toolkit-card { background: #1e293b; }
}