body{margin:0;background:#4b1d8f}
a{color:#14081f}a:hover{color:#ff2a8a}
@keyframes c9-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.c9-blink{animation:c9-blink 1s steps(1) infinite}
@keyframes c9-wobble{0%,100%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(-4deg) scale(1.06)}}
.c9-burst{clip-path:polygon(50.0% 0.0%, 58.5% 13.0%, 71.7% 5.0%, 73.7% 20.3%, 89.1% 18.8%, 84.2% 33.5%, 98.7% 38.9%, 88.0% 50.0%, 98.7% 61.1%, 84.2% 66.5%, 89.1% 81.2%, 73.7% 79.7%, 71.7% 95.0%, 58.5% 87.0%, 50.0% 100.0%, 41.5% 87.0%, 28.3% 95.0%, 26.3% 79.7%, 10.9% 81.2%, 15.8% 66.5%, 1.3% 61.1%, 12.0% 50.0%, 1.3% 38.9%, 15.8% 33.5%, 10.9% 18.8%, 26.3% 20.3%, 28.3% 5.0%, 41.5% 13.0%);animation:c9-wobble 2.4s ease-in-out infinite}
.c9-memphis{background-image:radial-gradient(#ffe14d 3px,transparent 3.5px),radial-gradient(#19d3c5 3px,transparent 3.5px),linear-gradient(45deg,transparent 46%,#ff2a8a55 46%,#ff2a8a55 54%,transparent 54%);background-size:46px 46px,46px 46px,120px 120px;background-position:0 0,23px 23px,0 0}
.c9-halftone{background-image:radial-gradient(#14081f33 2px,transparent 2.5px);background-size:12px 12px}
.c9-btn{transition:transform .08s ease}
.c9-btn:hover{transform:translate(-2px,-3px)}
.c9-btn:active{transform:translate(2px,3px)}
.c9-tile{transition:transform .15s ease}
.c9-tile:hover{transform:rotate(-1.5deg) translateY(-6px)}
.c9-logo{-webkit-text-stroke:3px #14081f;paint-order:stroke fill}
html{scroll-behavior:smooth}
*:focus-visible{outline:4px solid #ff2a8a;outline-offset:3px}
@media (prefers-reduced-motion: reduce){
  .c9-blink,.c9-burst{animation:none}
  .c9-btn,.c9-tile{transition:none}
  html{scroll-behavior:auto}
}
.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.file-error{margin:0;padding:10px 14px;background:#ff6b1a;border:3px solid #14081f;font-weight:700}
.file-error[hidden]{display:none}