.dj8{font-family:Archivo Variable,Archivo,system-ui,sans-serif;color:#12223a;background:#fff7ea}@keyframes dj8Rain{0%{transform:translateY(-120px) rotate(10deg)}to{transform:translateY(900px) rotate(10deg)}}@keyframes dj8Cloud{0%,to{transform:translateX(0)}50%{transform:translateX(30px)}}@keyframes dj8Ripple{0%{transform:scale(.2);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes dj8Spin{to{transform:rotate(1turn)}}@keyframes dj8Wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes dj8Float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dj8Shake{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes dj8Hint{0%,to{transform:translateX(0)}50%{transform:translateX(8px)}}.dj8-drop{position:absolute;top:0;width:2px;border-radius:2px;background:rgba(220,228,240,.7);animation:dj8Rain .9s linear infinite}.dj8-cloud{animation:dj8Cloud 9s ease-in-out infinite}.dj8-rip{animation:dj8Ripple 1.6s ease-out infinite}.dj8-rays{animation:dj8Spin 30s linear infinite}.dj8-wave{animation:dj8Wave 10s linear infinite}.dj8-float{animation:dj8Float 4s ease-in-out infinite}.dj8-shake{transform-origin:50% 100%;animation:dj8Shake 2.4s ease-in-out infinite}.dj8-hint{animation:dj8Hint 1.4s ease-in-out infinite}.dj8-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:56px;background:transparent;cursor:ew-resize;margin:0}.dj8-range::-webkit-slider-runnable-track{height:56px;background:transparent}.dj8-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:64px;height:64px;margin-top:-4px;border-radius:50%;background:transparent;border:0}.dj8-range::-moz-range-thumb{width:64px;height:64px;border-radius:50%;background:transparent;border:0}.dj8-range:focus-visible{outline:3px solid #ffc93c;outline-offset:4px;border-radius:999px}.dj8-card{perspective:1200px}.dj8-inner{position:relative;display:block;width:100%;height:100%;transition:transform .7s cubic-bezier(.3,1.3,.5,1);transform-style:preserve-3d}.dj8-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:26px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.dj8-lift{transition:transform .2s ease,box-shadow .2s ease}.dj8-lift:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(18,34,58,.45)}@media (prefers-reduced-motion:reduce){.dj8 *{animation:none!important;transition:none!important}}