*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;overflow-x:hidden;min-height:100vh}.glass-effect{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px}.blue-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.chelsea-blue{background:linear-gradient(135deg,#034694 0%,#7c93bb 100%)}.funky-gif{position:absolute;opacity:.15;z-index:-1;border-radius:10px;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.floating{animation:float 6s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #0096ff80}50%{box-shadow:0 0 40px #0096ffcc}}.glow-effect{animation:glow 3s ease-in-out infinite}.gif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.gif-card{background:rgba(255,255,255,.1);border-radius:15px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.gif-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.gif-preview{width:100%;height:200px;object-fit:cover}.gif-info{padding:15px}.download-btn{background:linear-gradient(135deg,#034694,#7c93bb);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:10px}.download-btn:hover{background:linear-gradient(135deg,#023578,#6a82b0);transform:scale(1.05)}.category-filter{display:flex;justify-content:center;gap:15px;margin:20px 0;flex-wrap:wrap}.category-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease}.category-btn.active{background:linear-gradient(135deg,#034694,#7c93bb);border-color:#034694}.search-bar{width:100%;max-width:500px;margin:20px auto;padding:15px;border-radius:25px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar::placeholder{color:#ffffffb3}.bg-gray-900{background-color:#111827}.bg-gray-800{background-color:#1f2937}.bg-gray-700{background-color:#374151}.bg-gray-600{background-color:#4b5563}.bg-gray-500{background-color:#6b7280}.bg-gray-400{background-color:#9ca3af}.bg-gray-300{background-color:#d1d5db}.bg-gray-200{background-color:#e5e7eb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-50{background-color:#f9fafb}.bg-gray-950{background-color:#030712}.text-gray-900{color:#111827}.text-gray-800{color:#1f2937}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.text-gray-200{color:#e5e7eb}.text-gray-100{color:#f3f4f6}.text-gray-50{color:#f9fafb}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-800{border-color:#1f2937}.bg-blue-600{background-color:#2563eb}.bg-blue-500{background-color:#3b82f6}.bg-blue-700,.hover\:bg-blue-700:hover{background-color:#1d4ed8}.bg-green-600{background-color:#059669}.bg-purple-600{background-color:#7c3aed}.text-blue-600{color:#2563eb}.text-blue-500{color:#3b82f6}.text-blue-400{color:#60a5fa}.text-blue-300{color:#93c5fd}.text-blue-200{color:#bfdbfe}.text-blue-100{color:#dbeafe}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (max-width:640px){.text-2xl{font-size:1.5rem}.text-lg{font-size:1.125rem}}@media (max-width:768px){.hidden,.lg\:flex{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}