:root{
  --aiapplicata-focus: #7c3aed;
  --aiapplicata-shadow: 0 20px 60px rgba(2,6,23,.25);
}
html{ font-size: 18px; scroll-behavior: smooth; }
body{ text-rendering: optimizeLegibility; }
::selection{ background: rgba(124,58,237,.25); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline: 3px solid rgba(124,58,237,.55);
  outline-offset: 3px;
}
.glass{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--aiapplicata-shadow);
  backdrop-filter: blur(14px);
}
.gradient-border{
  position: relative;
}
.gradient-border:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 1.25rem;
  padding: 1px;
  background: linear-gradient(135deg, rgba(99,102,241,.9), rgba(236,72,153,.85), rgba(245,158,11,.85));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
}
.modal-backdrop{
  background: rgba(2,6,23,.7);
  backdrop-filter: blur(10px);
}
.faq-item[aria-expanded="true"] .faq-chevron{
  transform: rotate(180deg);
}
@media (max-width: 556px) {
  form {
    display: flex;
    flex-wrap: wrap;
  }
}