@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.gradient-bg{background:linear-gradient(to right,#4f46e5,#6366f1);color:#fff}.community-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.tab-content{display:none}.tab-content.active{display:block}.progress-ring__circle{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}.dropdown-content{display:none;position:absolute;right:0;min-width:200px;z-index:1}.dropdown:hover .dropdown-content{display:block}body{background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pro-badge{position:absolute;top:16px;left:16px;background-color:#9333ea;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px}.bg-white{background-color:#fff}.bookmark-btn{color:#9ca3af}.bookmark-btn:hover{color:#9333ea}.join-btn{background-color:#9333ea;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .15s ease}.join-btn:hover{background-color:#7e22ce}.progress-bar{height:8px;transition:width .3s ease}.level-badge{display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:9999px}.trophy-icon{text-shadow:0 2px 4px rgba(0,0,0,.1)}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.active-tab-button{border-bottom:2px solid #4f46e5;color:#4f46e5}@keyframes confetti-slow{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(25px,105px,0) rotateX(360deg) rotateY(180deg)}}@keyframes confetti-medium{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(100px,140px,0) rotateX(100deg) rotateY(360deg)}}@keyframes confetti-fast{0%{transform:translateZ(0) rotateX(0) rotateY(0)}to{transform:translate3d(-50px,75px,0) rotateX(10deg) rotateY(250deg)}}.confetti-piece{position:absolute;width:10px;height:20px;background:#fafafa;opacity:.8;border-radius:2px}.confetti-piece:nth-child(1){left:7%;top:15%;transform:scale(1.2);animation:confetti-slow 2.5s linear infinite;background:#ffcc80}.confetti-piece:nth-child(2){left:25%;top:10%;transform:scale(.8);animation:confetti-medium 2.5s linear infinite;background:#ef5350}.confetti-piece:nth-child(3){left:50%;top:10%;transform:scale(1.4);animation:confetti-fast 2.5s linear infinite;background:#42a5f5}.confetti-piece:nth-child(4){left:75%;top:15%;transform:scale(1);animation:confetti-slow 2.5s linear infinite;background:#66bb6a}.confetti-piece:nth-child(5){left:67%;top:8%;transform:scale(.9);animation:confetti-medium 2.5s linear infinite;background:#ba68c8}.confetti-piece:nth-child(6){left:90%;top:12%;transform:scale(1.2);animation:confetti-fast 2.5s linear infinite;background:#fff176}.badge-icon{filter:drop-shadow(0px 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.badge-icon:hover{transform:scale(1.1)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.badge-item{display:flex;flex-direction:column;align-items:center;transition:transform .2s}.badge-item:hover{transform:translateY(-5px)}.badge-locked{filter:grayscale(1);opacity:.5}.text-shadow-lg{text-shadow:0 2px 10px rgba(0,0,0,.3)}.level-number{animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.firework{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.15rem;aspect-ratio:1;background:#fff0;border-radius:50%}.firework:before,.firework:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:0 0 .5rem .5rem #ffffff13;animation:bang 2s ease-out infinite backwards}.firework:nth-child(2){left:40%;top:45%;animation-delay:-.4s}.firework:nth-child(2):before,.firework:nth-child(2):after{animation-delay:-.4s;box-shadow:0 0 .5rem .5rem #ffec4a13}.firework:nth-child(3){left:60%;top:65%;animation-delay:-.8s}.firework:nth-child(3):before,.firework:nth-child(3):after{animation-delay:-.8s;box-shadow:0 0 .5rem .5rem #78ff9f13}@keyframes bang{to{box-shadow:-5rem -.5rem .25rem #ffffff80,0 -5rem .25rem #ffffff80,5rem -.5rem .25rem #ffffff80,0 -7.5rem .25rem #ffffff80,-7.5rem -.5rem .25rem #ffffff80,7.5rem -.5rem .25rem #ffffff80,-3.75rem -6.5rem .25rem #ffffff80,3.75rem -6.5rem .25rem #ffffff80;transform:translate(-50%,-50%);opacity:0}}.category-chip:hover{box-shadow:0 1px 2px #0000000d}.search-input:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:#f3f4f6}.calendar-day{background-color:#fff;min-height:80px;position:relative}.selected-day{background-color:#eff6ff;font-weight:700;color:#3b82f6}.event-indicator{width:8px;height:8px;background-color:#4f46e5;border-radius:50%;margin:4px auto;cursor:pointer;transition:all .2s ease}.event-indicator:hover{transform:scale(1.5);box-shadow:0 0 4px #4f46e580}.event-indicator-container{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center}.day-header{font-weight:600;color:#4b5563}.event-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px);transition-duration:.3s}.search-input{padding-left:2.5rem}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-content{width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:1.125rem;line-height:1.7;color:#374151}.lesson-content img{height:auto!important;border-radius:8px!important;box-shadow:0 4px 6px #0000001a!important;max-width:100%}.lesson-content img[style*="width:"],.lesson-content img[style*="width "],.lesson-content img[style*=max-width],.lesson-content-container img[style*=max-width],.lesson-content img[style*=width],.lesson-content-container img[style*=width]{max-width:unset!important}.lesson-content p{font-size:1.125rem;line-height:1.75;margin:1.5rem 0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.lesson-content ul{list-style-type:disc!important;margin:1rem 0!important;padding-left:2rem!important;list-style-position:outside!important;display:block!important}.lesson-content ol{list-style-type:decimal!important;margin:1rem 0!important;padding-left:2rem!important;list-style-position:outside!important;display:block!important}.lesson-content ul li,.lesson-content ol li{margin:.25rem 0!important;line-height:1.6!important;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:list-item!important;list-style:inherit!important}.lesson-content ul li::marker{content:"• "!important}.lesson-content ol li::marker{content:counter(list-item) ". "!important}.lesson-content ul ul{list-style-type:circle!important;margin:.5rem 0!important;padding-left:1.5rem!important}.lesson-content ul ul ul{list-style-type:square!important}.lesson-content ol ol{list-style-type:lower-alpha!important;margin:.5rem 0!important;padding-left:1.5rem!important}.lesson-content ol ol ol{list-style-type:lower-roman!important}.lesson-content li p{margin:.25rem 0!important;line-height:1.6!important;word-wrap:break-word;overflow-wrap:break-word}.lesson-content .bg-gray-50 ul,.lesson-content .bg-gray-50 ol{list-style-type:inherit!important;margin:.5rem 0!important;padding-left:1.5rem!important}.lesson-content .bg-gray-50 li{display:list-item!important;list-style:inherit!important}.lesson-content .bg-blue-50,.lesson-content .bg-yellow-50,.lesson-content .bg-gray-50{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;white-space:normal!important}.lesson-content .bg-blue-50 div,.lesson-content .bg-yellow-50 div,.lesson-content .bg-gray-50 div{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;white-space:normal!important;max-width:100%!important}.lesson-content h1,.lesson-content h2,.lesson-content h3,.lesson-content h4,.lesson-content h5,.lesson-content h6{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;margin:1.5rem 0 1rem!important;font-weight:700!important}.lesson-content h1{font-size:1.875rem!important}.lesson-content h2{font-size:1.5rem!important}.lesson-content h3{font-size:1.25rem!important}.lesson-content h4{font-size:1.125rem!important}.lesson-content *{max-width:100%!important;box-sizing:border-box!important}.lesson-content img[style*="width: 25%"],.lesson-content img[style*="width: 50%"],.lesson-content img[style*="width: 75%"],.lesson-content img[style*="max-width: 25%"],.lesson-content img[style*="max-width: 50%"],.lesson-content img[style*="max-width: 75%"],.lesson-content-container img[style*="width: 25%"],.lesson-content-container img[style*="width: 50%"],.lesson-content-container img[style*="width: 75%"],.lesson-content-container img[style*="max-width: 25%"],.lesson-content-container img[style*="max-width: 50%"],.lesson-content-container img[style*="max-width: 75%"]{max-width:unset!important}@media (min-width: 768px){.lesson-content{font-size:1.125rem}}.objetivo-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #1976d2;border-radius:8px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 8px #1976d21a}.objetivo-section header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:#1976d2}.objetivo-section div{color:#374151;line-height:1.6}.nota-section{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #f57c00;border-radius:8px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 8px #f57c001a}.nota-section header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:#f57c00}.nota-section div{color:#374151;line-height:1.6}.escenario-section{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-left:4px solid #388e3c;border-radius:8px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 8px #388e3c1a}.escenario-section header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:#388e3c}.escenario-section div{color:#374151;line-height:1.6}.instrucciones-section{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-left:4px solid #7b1fa2;border-radius:8px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 8px #7b1fa21a}.instrucciones-section header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:#7b1fa2}.instrucciones-section div{color:#374151;line-height:1.6}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gradient-primary: linear-gradient(135deg, #1e40af 0%, #3730a3 100%);--gradient-hero: linear-gradient(to right, #1e40af, #1d4ed8);--accent-color: #7c3aed;--accent-hover: #6d28d9;--primary-color: #1e40af;--primary-hover: #1d4ed8;--primary-light: #3b82f6;--primary-gradient-from: #1e40af;--primary-gradient-to: #3730a3;--text-primary: #1f2937;--bg-primary: #f8fafc}.theme-blue{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gradient-primary: linear-gradient(135deg, #1e40af 0%, #3730a3 100%);--gradient-hero: linear-gradient(to right, #1e40af, #1d4ed8);--accent-color: #7c3aed;--accent-hover: #6d28d9;--primary-color: #1e40af;--primary-hover: #1d4ed8;--primary-light: #3b82f6;--primary-gradient-from: #1e40af;--primary-gradient-to: #3730a3}.theme-red{--primary-50: #fef2f2;--primary-100: #fee2e2;--primary-200: #fecaca;--primary-300: #fca5a5;--primary-400: #f87171;--primary-500: #ef4444;--primary-600: #dc2626;--primary-700: #b91c1c;--primary-800: #991b1b;--primary-900: #7f1d1d;--gradient-primary: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);--gradient-hero: linear-gradient(to right, #dc2626, #ef4444);--accent-color: #dc2626;--accent-hover: #b91c1c;--primary-color: #dc2626;--primary-hover: #b91c1c;--primary-light: #ef4444;--primary-gradient-from: #dc2626;--primary-gradient-to: #991b1b}.theme-green{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #22c55e;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--gradient-primary: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%);--gradient-hero: linear-gradient(to right, #16a34a, #22c55e);--accent-color: #16a34a;--accent-hover: #15803d;--primary-color: #059669;--primary-hover: #047857;--primary-light: #10b981;--primary-gradient-from: #059669;--primary-gradient-to: #064e3b}.theme-brown{--primary-50: #fdf8f6;--primary-100: #f2e8e5;--primary-200: #eaddd7;--primary-300: #e0cfc5;--primary-400: #d2bab0;--primary-500: #bfa094;--primary-600: #a18072;--primary-700: #977669;--primary-800: #846358;--primary-900: #43302b;--gradient-primary: linear-gradient(135deg, #8b4513 0%, #d2691e 100%);--gradient-hero: linear-gradient(to right, #a18072, #bfa094);--accent-color: #8b4513;--accent-hover: #654321;--primary-color: #92400e;--primary-hover: #78350f;--primary-light: #a16207;--primary-gradient-from: #92400e;--primary-gradient-to: #451a03}.theme-black{--primary-50: #f8fafc;--primary-100: #f1f5f9;--primary-200: #e2e8f0;--primary-300: #cbd5e1;--primary-400: #94a3b8;--primary-500: #64748b;--primary-600: #475569;--primary-700: #334155;--primary-800: #1e293b;--primary-900: #0f172a;--gradient-primary: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--gradient-hero: linear-gradient(to right, #1e293b, #334155);--accent-color: #1e293b;--accent-hover: #0f172a;--primary-color: #374151;--primary-hover: #1f2937;--primary-light: #4b5563;--primary-gradient-from: #374151;--primary-gradient-to: #111827}.theme-orange{--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--gradient-primary: linear-gradient(135deg, #ff7f50 0%, #ff6347 100%);--gradient-hero: linear-gradient(to right, #ea580c, #f97316);--accent-color: #ea580c;--accent-hover: #c2410c;--primary-color: #ea580c;--primary-hover: #c2410c;--primary-light: #f97316;--primary-gradient-from: #ea580c;--primary-gradient-to: #9a3412}.btn-primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.btn-primary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.gradient-bg{background:var(--gradient-hero)!important}.text-purple-600,.text-indigo-600,.text-blue-600{color:var(--primary-600)!important}.text-purple-700,.text-indigo-700,.text-blue-700{color:var(--primary-700)!important}.bg-purple-600,.bg-indigo-600,.bg-blue-600{background-color:var(--primary-color)!important}.bg-purple-700,.bg-indigo-700,.bg-blue-700{background-color:var(--primary-hover)!important}.bg-purple-50,.bg-indigo-50,.bg-blue-50{background-color:var(--primary-50)!important}.bg-purple-100,.bg-indigo-100,.bg-blue-100{background-color:var(--primary-100)!important}.border-purple-300,.border-indigo-300,.border-blue-300{border-color:var(--primary-300)!important}.border-purple-600,.border-indigo-600,.border-blue-600{border-color:var(--primary-color)!important}.hover\:bg-purple-100:hover,.hover\:bg-indigo-100:hover,.hover\:bg-blue-100:hover{background-color:var(--primary-100)!important}.hover\:text-purple-600:hover,.hover\:text-indigo-600:hover,.hover\:text-blue-600:hover{color:var(--primary-color)!important}.hover\:border-purple-300:hover,.hover\:border-indigo-300:hover,.hover\:border-blue-300:hover{border-color:var(--primary-300)!important}.focus\:ring-purple-500:focus,.focus\:ring-indigo-500:focus,.focus\:ring-blue-500:focus{--tw-ring-color: var(--primary-color) !important}.bg-gradient-to-r.from-purple-600.to-indigo-600{background:var(--gradient-primary)!important}.join-btn{background-color:var(--primary-color)!important}.join-btn:hover{background-color:var(--primary-hover)!important}.bookmark-btn:hover{color:var(--primary-color)!important}.pro-badge{background-color:var(--accent-color)!important}.bg-purple-600.h-2.rounded-full,.progress-bar{background-color:var(--primary-color)!important}.active-tab-button{border-bottom-color:var(--primary-color)!important;color:var(--primary-color)!important}.custom-scrollbar::-webkit-scrollbar-track{background:var(--primary-800)!important}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-color)!important}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-400)!important}.focus\:ring-offset-2.focus\:ring-purple-500:focus{--tw-ring-color: var(--primary-color) !important}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.bg-primary{background-color:var(--primary-color)}.bg-primary-hover{background-color:var(--primary-hover)}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary-gradient-from) 0%,var(--primary-gradient-to) 100%)}.bg-gradient-primary-reverse{background:linear-gradient(135deg,var(--primary-gradient-to) 0%,var(--primary-gradient-from) 100%)}.border-primary{border-color:var(--primary-color)}.hover\:bg-primary:hover{background-color:var(--primary-color)}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.rank-card-gradient{background:linear-gradient(135deg,var(--primary-gradient-from) 0%,var(--primary-gradient-to) 100%)}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.bg-primary-light{background-color:var(--primary-light)}.text-primary{color:var(--primary-color)}.theme-blue .bg-purple-600,.theme-blue .bg-blue-600,.theme-red .bg-purple-600,.theme-red .bg-blue-600,.theme-green .bg-purple-600,.theme-green .bg-blue-600,.theme-brown .bg-purple-600,.theme-brown .bg-blue-600,.theme-black .bg-purple-600,.theme-black .bg-blue-600,.theme-orange .bg-purple-600,.theme-orange .bg-blue-600{background-color:var(--primary-color)!important}.theme-blue .hover\:bg-purple-700:hover,.theme-blue .hover\:bg-blue-700:hover,.theme-red .hover\:bg-purple-700:hover,.theme-red .hover\:bg-blue-700:hover,.theme-green .hover\:bg-purple-700:hover,.theme-green .hover\:bg-blue-700:hover,.theme-brown .hover\:bg-purple-700:hover,.theme-brown .hover\:bg-blue-700:hover,.theme-black .hover\:bg-purple-700:hover,.theme-black .hover\:bg-blue-700:hover,.theme-orange .hover\:bg-purple-700:hover,.theme-orange .hover\:bg-blue-700:hover{background-color:var(--primary-hover)!important}.theme-blue .from-purple-600,.theme-red .from-purple-600,.theme-green .from-purple-600,.theme-brown .from-purple-600,.theme-black .from-purple-600,.theme-orange .from-purple-600{--tw-gradient-from: var(--primary-gradient-from) !important;--tw-gradient-to: rgb(var(--primary-gradient-from) / 0) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.theme-blue .to-indigo-600,.theme-red .to-indigo-600,.theme-green .to-indigo-600,.theme-brown .to-indigo-600,.theme-black .to-indigo-600,.theme-orange .to-indigo-600{--tw-gradient-to: var(--primary-gradient-to) !important}.bg-primary-light.bg-opacity-10{color:#fff!important;font-weight:600!important}.bg-primary-light.bg-opacity-10 i{color:#fff!important;opacity:1!important}.ProseMirror{min-height:200px;padding:1rem;background:#fff}.ProseMirror:focus{outline:none}.ProseMirror img{max-width:50%;height:auto;display:block;margin:1rem auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.fullscreen-editor{height:calc(100vh - 400px);overflow-y:auto}.fullscreen-container{display:flex;height:calc(100vh - 64px)}.editor-column{width:70%;border-right:1px solid #e5e7eb;padding:1.5rem;overflow-y:auto}.sidebar-column{width:30%;padding:1.5rem;background-color:#f9fafb;overflow-y:auto}.editor-toolbar{padding:.5rem;border-bottom:1px solid #e5e7eb;background:#fff;display:flex;flex-wrap:wrap;gap:.5rem;position:sticky;top:0;z-index:10}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo{height:2rem;display:flex;align-items:center}button:focus,input:focus{outline:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;border-radius:.5rem;font-weight:500;padding:.625rem 1.25rem}.btn-primary{background-color:#9333ea;color:#fff}.btn-primary:hover{background-color:#7e22ce}.btn-secondary{border:2px solid white;color:#fff;background-color:transparent}.btn-secondary:hover{background-color:#ffffff1a}.btn-outline{border:1px solid #9333ea;color:#9333ea}.btn-outline:hover{background-color:#f3f4f6}.rank-1{background:linear-gradient(135deg,#fcd34d,#f59e0b)}.rank-2{background:linear-gradient(135deg,#e5e7eb,#9ca3af)}.rank-3{background:linear-gradient(135deg,#f472b6,#d946ef)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-fast{transition:all .15s ease-in-out}.filter-transition{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.filter-transition.transitioning{opacity:.5;transform:scale(.98)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#4f46e5 #3730a3}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#3730a3;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:3px;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f1}@keyframes fabPulse{0%,to{transform:scale(1);box-shadow:0 4px 14px #fbbf2466}50%{transform:scale(1.05);box-shadow:0 6px 20px #fbbf2499}}.fab-pulse{animation:fabPulse 2s infinite}