/* Electric indigo CTA, one hue step toward purple; core #3d32c7. */
:root{--cta-highlight:#5b50e5;--cta-mid:#3d32c7;--cta-base:#29218f;--cta-ink:#ffffff;--cta-edge:#1d1765}
:root body .button{background:linear-gradient(165deg,var(--cta-highlight) 0%,var(--cta-mid) 43%,var(--cta-base) 100%);color:var(--cta-ink);border:1px solid #292078;border-top-color:#8a80ee;border-radius:6px;box-shadow:inset 0 1px 1px #ffffff65,inset 0 -2px 3px #1d176538,0 3px 0 #1d176555,0 8px 18px #20196824;font-weight:650;transition:box-shadow .22s,transform .22s,filter .22s}
:root body .button:hover{background:linear-gradient(165deg,var(--cta-highlight),var(--cta-mid) 43%,var(--cta-base));color:var(--cta-ink);animation:neon-indigo-glow 2.4s ease-in-out infinite;transform:translateY(-2px)}
:root body .button:focus-visible{outline:3px solid #8072ef;outline-offset:5px;box-shadow:0 0 0 3px #e6e5e0,0 5px 14px #20196830}
:root body .button:active{transform:translateY(1px);animation:none;box-shadow:inset 0 1px 3px #1d176540,0 1px 0 #1d176555}
:root body .button:disabled,:root body .button[aria-disabled="true"]{animation:none;transform:none;filter:saturate(.35);opacity:.65;cursor:not-allowed}
@keyframes neon-indigo-glow{0%,100%{box-shadow:inset 0 1px 1px #ffffff65,inset 0 -2px 3px #1d176538,0 3px 0 #1d176555,0 8px 18px #20196824}50%{box-shadow:inset 0 1px 2px #ffffff65,0 3px 0 #1d176555,0 0 12px #7764ff99,0 0 28px #7764ff66}}
@media(hover:none){:root body .button:hover{background:linear-gradient(165deg,var(--cta-highlight),var(--cta-mid) 43%,var(--cta-base));color:var(--cta-ink);animation:none;transform:none}}
@media(prefers-reduced-motion:reduce){:root body .button{transition:none}:root body .button:hover{background:linear-gradient(165deg,var(--cta-highlight),var(--cta-mid) 43%,var(--cta-base));color:var(--cta-ink);animation:none;transform:none}}