.choice-card{animation:card-breathe 6s ease-in-out infinite}
.website-card{animation-delay:-3s}
.choice-card .card-preview:after{content:"";position:absolute;inset:-35%;z-index:4;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.1) 48%,transparent 58%);transform:translateX(-65%);animation:preview-sheen 6.5s ease-in-out infinite;pointer-events:none}
.website-card .card-preview:after{background:linear-gradient(110deg,transparent 38%,rgba(184,255,74,.1) 48%,transparent 58%);animation-delay:-3.2s}
.invitation-card .card-preview:after{background:linear-gradient(110deg,transparent 38%,rgba(157,123,255,.15) 48%,transparent 58%)}
@keyframes card-breathe{0%,100%{box-shadow:0 0 0 rgba(0,0,0,0)}50%{box-shadow:0 20px 55px rgba(157,123,255,.07)}}
@keyframes preview-sheen{0%,42%{opacity:0;transform:translateX(-65%)}58%{opacity:1}76%,100%{opacity:0;transform:translateX(65%)}}
.page-transition{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at var(--cursor-x,50%) var(--cursor-y,50%),rgba(80,48,130,.2),transparent 38%),#07060f;opacity:0;visibility:hidden;pointer-events:none;transform:translateZ(0);transition:opacity .32s ease,visibility 0s linear .32s}
.page-transition.active{opacity:1;visibility:visible;transition:opacity .32s ease}
body.page-leaving main>:first-child,body.page-leaving .topbar{opacity:.18;transform:scale(.992);transition:opacity .28s ease,transform .35s cubic-bezier(.22,.61,.36,1)}
.choice-card.card-selected{transform:translateY(-4px) scale(.985)!important;filter:brightness(1.12);transition:transform .35s ease,filter .25s ease}
body.page-entering main>:first-child,body.page-entering .topbar{animation:page-enter .52s cubic-bezier(.22,.61,.36,1) both}
@keyframes page-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.choice-card,.choice-card .card-preview:after{animation:none!important}.page-transition{display:none}}