:root{--cream:#FFF8F0;--sage:#8FB996;--sageD:#5E8C66;--peach:#F6B89A;--butter:#FCE8A8;--cocoa:#4A3A33}
body{margin:0;font-family:Nunito,sans-serif;color:var(--cocoa);background:var(--cream);
background-image:radial-gradient(circle at 10% 10%,#FCE8A855 0,transparent 30%),radial-gradient(circle at 90% 30%,#F6B89A33 0,transparent 30%),radial-gradient(circle at 30% 90%,#8FB99633 0,transparent 35%);background-attachment:fixed}
.fd{font-family:Fredoka,sans-serif}
.card{background:#fff;border-radius:1.5rem;box-shadow:0 6px 20px -8px #4a3a3330}
.wig:hover{animation:wig .4s ease}
@keyframes wig{0%,100%{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}
.pill{border-radius:999px;padding:.4rem 1rem;font-weight:700;transition:.15s}
.fadein{animation:fi .35s ease both}
@keyframes fi{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.conf{position:fixed;top:-40px;font-size:28px;animation:fall 2.2s linear forwards;pointer-events:none;z-index:99}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}
.bounce{display:inline-block;animation:bn 1.2s infinite}
@keyframes bn{50%{transform:translateY(-4px)}}
input,select,textarea{border:2px solid #eadfd5;border-radius:1rem;padding:.5rem .8rem;background:#fff;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--sage)}