html{scroll-behavior:smooth}
body{margin:0}
html,body,*{font-family:Quicksand,system-ui,sans-serif}
a{color:#5A2FA3}a:hover{color:#2A1150}
@keyframes floaty{from{transform:translateY(-7px)}to{transform:translateY(7px)}}
@keyframes fanL{from{transform:translateY(-6px) rotate(-9deg)}to{transform:translateY(6px) rotate(-7deg)}}
@keyframes fanR{from{transform:translateY(6px) rotate(9deg)}to{transform:translateY(-6px) rotate(7deg)}}
@keyframes fly{0%{left:-15%;transform:translateY(0)}25%{transform:translateY(-22px)}50%{transform:translateY(8px)}75%{transform:translateY(-14px)}100%{left:112%;transform:translateY(0)}}
@keyframes flap{from{transform:scaleY(1)}to{transform:scaleY(.5)}}
@keyframes twinkle{from{opacity:.25;transform:scale(.7)}to{opacity:1;transform:scale(1.2)}}
@keyframes drop{0%{transform:translateY(-160%) rotate(-14deg);opacity:0}60%{transform:translateY(10%) rotate(3deg);opacity:1}80%{transform:translateY(-5%) rotate(-1deg)}100%{transform:translateY(0) rotate(0);opacity:1}}
@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-9%)}}
@keyframes pop{from{opacity:0;transform:scale(.4) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes sway{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.pat{background-image:url(images/pattern.webp);background-size:320px}
.pb{position:relative;line-height:0;border-radius:2px 4px 4px 2px;box-shadow:1px 1px 0 #FFFFFF,2px 2px 0 #D6CFE3,3px 3px 0 #FFFFFF,4px 4px 0 #CBC3DA,0 16px 30px rgba(42,17,80,.28)}
.pb img{border-radius:2px 4px 4px 2px;display:block;width:100%;height:auto}
.pb::after{content:'';position:absolute;inset:0;border-radius:2px 4px 4px 2px;background:linear-gradient(90deg,rgba(0,0,0,.22) 0,rgba(255,255,255,.28) 1.6%,rgba(0,0,0,.10) 3.4%,rgba(0,0,0,0) 7%);pointer-events:none}
.navtog{position:absolute;opacity:0;width:1px;height:1px}
.burger{display:none;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:12px;cursor:pointer}
.burger span{display:block;width:26px;height:3px;border-radius:2px;background:#2A1150;transition:transform .2s,opacity .2s}
.navtog:focus-visible + .burger{outline:3px solid #1F7FB0;outline-offset:2px}
@media (max-width: 860px){.burger{display:flex}.navlinks{display:none !important;width:100%;flex-direction:column;align-items:stretch !important;gap:0 !important;padding:6px 0 10px}.navtog:checked ~ .navlinks{display:flex !important}.navlinks a{padding:14px 4px !important;border-bottom:1px solid #E7DFF2 !important;border-radius:0 !important}.navlinks a.btn{border:2px solid #2A1150 !important;border-radius:999px !important;text-align:center;margin-top:12px;padding:12px 18px !important}.navtog:checked + .burger span:nth-child(1){transform:translateY(9px) rotate(45deg)}.navtog:checked + .burger span:nth-child(2){opacity:0}.navtog:checked + .burger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}
.btn{transition:transform .15s, box-shadow .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(42,17,80,.18)}.btn:active{transform:translateY(0)}
.card{transition:transform .2s, box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(42,17,80,.12)}
.nav:hover{color:#B8185F}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.chev{transition:transform .2s}details[open] .chev{transform:rotate(45deg)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #1F7FB0;outline-offset:3px}
.still .mv{animation:none !important}
@media (prefers-reduced-motion: reduce){.mv{animation:none !important}}