body::before{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#f1dfaf88 0 .7px,transparent 1.7px),radial-gradient(circle,#c0d4f266 0 .8px,transparent 1.8px),radial-gradient(ellipse at 7% 25%,#5863a323,transparent 38%),radial-gradient(ellipse at 96% 61%,#a5806220,transparent 35%);background-size:157px 191px,233px 283px,auto,auto;opacity:.32;animation:starlight 7s ease-in-out infinite alternate}main,.footer{position:relative}.hero{z-index:1}.header{z-index:20}.benefits::after,.everyday::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 40%,#a5c5ff13,transparent 55%),radial-gradient(ellipse at 75% 60%,#e2bb8a13,transparent 50%);animation:aurora-breath 9s ease-in-out infinite alternate}.footer{background:radial-gradient(ellipse at 20% 10%,#d0a87626,transparent 65%),linear-gradient(125deg,#342b33,#252b3c 60%,#2d2536);box-shadow:inset 0 1px #e9cfb82b;border-color:#d4b89f40}.footer .brand-dot{color:#e3c494}.footer nav h2{color:#e4ccb0}.footer-bottom{border-color:#e0c29e2b}.evren-reaction{min-height:60px;padding:14px 17px;border:1px solid #b99cca55;border-radius:17px;background:#fff9f0aa;color:#57365e;font-size:16px;line-height:1.5;margin:0 0 18px}.quiz-progress i{transition:background .4s,box-shadow .4s}.quiz-progress i.done{box-shadow:0 0 13px #fff5db8c}.quiz-option{transition:transform .25s,background .25s,box-shadow .25s}.quiz-option[aria-pressed=true]{box-shadow:0 0 22px #af7ba32e,inset 0 1px #fff9}.quiz-option[aria-pressed=true] .check{animation:choice-pop .3s ease-out}.match-image{box-shadow:0 9px 30px #663a5526}.quiz-enter .match-note{animation:reveal-note .6s .15s ease backwards}
@keyframes starlight{from{opacity:.19}to{opacity:.36}}@keyframes aurora-breath{from{opacity:.4}to{opacity:1}}@keyframes choice-pop{from{transform:scale(.7)}to{transform:scale(1)}}@keyframes reveal-note{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.quiz-option:hover{transform:translateY(-2px)}}
@media(max-width:700px){body::before{opacity:.22;animation:none}.benefits::after,.everyday::after{animation:none}.evren-reaction{min-height:64px;font-size:15px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){body::before,.benefits::after,.everyday::after,.quiz-enter .match-note,.quiz-option .check{animation:none!important}.quiz-option{transition:none!important}}