/* Extracted Tailwind utilities used in index.php spin popup */
/* Replaces cdn.tailwindcss.com (~300KB JS) with ~2KB static CSS */

.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}
.inset-0{inset:0}.top-4{top:1rem}.right-4{right:1rem}
.z-50{z-index:50}
.flex{display:flex}.hidden{display:none}
.flex-col{flex-direction:column}
.items-center{align-items:center}.justify-center{justify-content:center}
.gap-2{gap:.5rem}
.w-full{width:100%}.w-72{width:18rem}.h-72{height:18rem}
.w-\[90\%\]{width:90%}.max-w-sm{max-width:24rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}
.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.text-center{text-align:center}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.font-bold{font-weight:700}
.text-white{color:#fff}.text-black{color:#000}
.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-800{color:#1f2937}
.bg-black\/40{background-color:rgba(0,0,0,.4)}
.bg-green-100{background-color:#dcfce7}.bg-green-600{background-color:#16a34a}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-white{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,255,0))}
.to-gray-50{--tw-gradient-to:#f9fafb}
.from-green-500{--tw-gradient-from:#22c55e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(34,197,94,0))}
.to-emerald-600{--tw-gradient-to:#059669}
.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.transition{transition:all .15s ease}
.hover\:text-red-500:hover{color:#ef4444}
.hover\:scale-105:hover{transform:scale(1.05)}
.active\:scale-95:active{transform:scale(.95)}
@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}
.animate-bounce{animation:bounce 1s infinite}