:root{--bg-primary: #0a0d13;--bg-secondary: #141824;--bg-tertiary: #1e2330;--bg-quaternary: #262b3d;--bg-glass: rgba(30, 35, 48, 0.8);--bg-hover: rgba(99, 102, 241, 0.1);--text-primary: #f1f5f9;--text-secondary: #cbd5e0;--text-muted: #94a3b8;--text-accent: #6366f1;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--border-subtle: rgba(99, 102, 241, 0.15);--border-medium: rgba(99, 102, 241, 0.3);--border-strong: rgba(99, 102, 241, 0.6);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);--shadow-glow: 0 0 20px rgba(99, 102, 241, 0.3);--shadow-glow-strong: 0 0 40px rgba(99, 102, 241, 0.5);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', monospace;--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);background-image:radial-gradient(circle at 20% 80%, rgba(99,102,241,0.03) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(139,92,246,0.03) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(236,72,153,0.02) 0%, transparent 50%);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-xl)}}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid.gap-sm{gap:var(--spacing-sm)}.grid.gap-lg{gap:var(--spacing-lg)}.grid.gap-xl{gap:var(--spacing-xl)}.grid.cols-1{grid-template-columns:1fr}.grid.cols-2{grid-template-columns:repeat(2, 1fr)}.grid.cols-3{grid-template-columns:repeat(3, 1fr)}.grid.cols-4{grid-template-columns:repeat(4, 1fr)}.grid.cols-5{grid-template-columns:repeat(5, 1fr)}.grid.cols-6{grid-template-columns:repeat(6, 1fr)}.grid.cols-auto{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}.grid.cols-auto-sm{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}.grid.cols-auto-lg{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))}.flex{display:flex}.flex.flex-col{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.items-center{align-items:center}.flex.items-start{align-items:flex-start}.flex.items-end{align-items:flex-end}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.justify-around{justify-content:space-around}.flex.justify-end{justify-content:flex-end}.flex.gap-sm{gap:var(--spacing-sm)}.flex.gap-md{gap:var(--spacing-md)}.flex.gap-lg{gap:var(--spacing-lg)}.card{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card.card-sm{padding:var(--spacing-md)}.card.card-lg{padding:var(--spacing-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:0.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:left var(--transition-slow)}.btn:hover::before{left:100%}.btn.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:white}.btn.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn.btn-secondary:hover{background:var(--bg-quaternary);border-color:var(--border-medium)}.btn.btn-ghost{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn.btn-ghost:hover{background:var(--bg-hover)}.btn.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.btn.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:0.75rem}.btn.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:0.875rem;transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.input.input-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:0.75rem}.input.input-lg{padding:var(--spacing-lg);font-size:1rem}.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-glass);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-subtle);padding:var(--spacing-md) 0}.navbar .navbar-brand{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.navbar .navbar-brand .brand-gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar .navbar-nav{display:flex;gap:var(--spacing-lg);list-style:none;align-items:center}.navbar .navbar-nav li{position:relative}.navbar .navbar-nav .nav-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link.active{color:var(--accent-primary);background:var(--bg-hover)}.navbar .navbar-nav .dropdown{position:relative}.navbar .navbar-nav .dropdown .dropdown-toggle{cursor:pointer}.navbar .navbar-nav .dropdown .dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-glass);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:180px;padding:var(--spacing-sm) 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:var(--z-dropdown);list-style:none}.navbar .navbar-nav .dropdown .dropdown-menu li{padding:0}.navbar .navbar-nav .dropdown .dropdown-menu li a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.navbar .navbar-nav .dropdown .dropdown-menu li a:hover,.navbar .navbar-nav .dropdown .dropdown-menu li a.active{color:var(--accent-primary);background:var(--bg-hover)}.navbar .navbar-nav .dropdown:hover .dropdown-menu,.navbar .navbar-nav .dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.navbar .mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden}.navbar .mobile-menu-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(99,102,241,0.3);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.6s ease, height 0.6s ease}.navbar .mobile-menu-btn:hover{background:var(--bg-hover);color:var(--accent-primary);transform:scale(1.05)}.navbar .mobile-menu-btn:active{transform:scale(0.95)}.navbar .mobile-menu-btn:active::after{width:40px;height:40px}.navbar .mobile-menu-btn.active{transform:rotate(90deg);color:var(--accent-primary)}.toast{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-toast);background:var(--bg-glass);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);transform:translateX(100%);transition:transform var(--transition-normal)}.toast.show{transform:translateX(0)}.toast.toast-success{border-color:var(--accent-success);background:rgba(16,185,129,0.1)}.toast.toast-error{border-color:var(--accent-error);background:rgba(239,68,68,0.1)}.beatmap-card{background:var(--bg-glass);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);position:relative}.beatmap-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow);border-color:var(--border-medium)}.beatmap-card .beatmap-image{position:relative;aspect-ratio:16/9;overflow:hidden}.beatmap-card .beatmap-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.beatmap-card .beatmap-image:hover img{transform:scale(1.05)}.beatmap-card .beatmap-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top, rgba(10,13,19,0.8), transparent);pointer-events:none}.beatmap-card .beatmap-image .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background:var(--bg-glass);border:2px solid rgba(255,255,255,0.3);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-normal);backdrop-filter:blur(10px);cursor:pointer;user-select:none}.beatmap-card .beatmap-image .play-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translate(-50%, -50%) scale(1.1);box-shadow:var(--shadow-glow)}.beatmap-card .beatmap-image .play-btn i{color:white;font-size:2rem;pointer-events:none;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.beatmap-card .beatmap-image .play-btn .play{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.beatmap-card .beatmap-image .play-btn .stop{display:none;align-items:center;justify-content:center;width:100%;height:100%}.beatmap-card .beatmap-image .play-btn.playing .play{display:none}.beatmap-card .beatmap-image .play-btn.playing .stop{display:block}.beatmap-card .beatmap-image:hover .play-btn{opacity:1}.beatmap-card .beatmap-content{padding:var(--spacing-lg)}.beatmap-card .beatmap-content .beatmap-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast)}.beatmap-card .beatmap-content .beatmap-title:hover{color:var(--accent-primary)}.beatmap-card .beatmap-content .beatmap-artist{color:var(--text-secondary);font-size:0.9rem;margin-bottom:var(--spacing-md)}.beatmap-card .beatmap-content .beatmap-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.beatmap-card .beatmap-content .beatmap-meta .meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:0.8rem;color:var(--text-muted)}.beatmap-card .beatmap-content .beatmap-meta .meta-item.creator{background:rgba(99,102,241,0.1);color:var(--accent-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,0.2)}.beatmap-card .beatmap-content .difficulty-indicators{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.beatmap-card .beatmap-content .difficulty-indicators .diff-icon{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:0.8rem;border:2px solid;transition:transform var(--transition-fast)}.beatmap-card .beatmap-content .difficulty-indicators .diff-icon:hover{transform:scale(1.1)}.beatmap-card .beatmap-content .difficulty-indicators .diff-icon.easy{background:rgba(34,197,94,0.2);border-color:#22c55e;color:#22c55e}.beatmap-card .beatmap-content .difficulty-indicators .diff-icon.normal{background:rgba(59,130,246,0.2);border-color:#3b82f6;color:#3b82f6}.beatmap-card .beatmap-content .difficulty-indicators .diff-icon.hard{background:rgba(251,191,36,0.2);border-color:#fbbf24;color:#fbbf24}.beatmap-card .beatmap-content .difficulty-indicators .diff-icon.insane{background:rgba(239,68,68,0.2);border-color:#ef4444;color:#ef4444}.beatmap-card .beatmap-content .difficulty-indicators .diff-icon.expert{background:rgba(147,51,234,0.2);border-color:#9333ea;color:#9333ea}@media (max-width: 767px){.container{padding:0 var(--spacing-sm)}.grid.cols-auto{grid-template-columns:1fr}.navbar .navbar-nav{display:none}.navbar .mobile-menu-btn{display:block}.navbar .brand-gradient{display:none !important}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);backdrop-filter:blur(2px);z-index:calc(var(--z-dropdown) - 1);opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-menu-overlay.show{opacity:1;visibility:visible}#mobile-menu{display:none;position:fixed;left:0;right:0;background:var(--bg-glass);backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:var(--z-dropdown);transform:translateY(-100%);opacity:0;transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow-y:auto;overflow-x:hidden;max-height:0}#mobile-menu::-webkit-scrollbar{width:4px}#mobile-menu::-webkit-scrollbar-track{background:transparent}#mobile-menu::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}#mobile-menu::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}#mobile-menu.show{display:block;transform:translateY(0);opacity:1;max-height:calc(100vh - var(--navbar-height, 70px) - 20px)}#mobile-menu ul{display:flex;flex-direction:column;padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + var(--spacing-lg));gap:var(--spacing-sm);list-style:none;min-height:auto}#mobile-menu ul li{opacity:0;transform:translateX(-20px);transition:all 0.3s ease}#mobile-menu ul li a{display:block;padding:var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden}#mobile-menu ul li a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);transition:left 0.5s ease}#mobile-menu ul li a:hover{background:var(--bg-hover);color:var(--accent-primary);transform:translateX(5px);box-shadow:0 4px 15px rgba(99,102,241,0.2)}#mobile-menu ul li a:hover::before{left:100%}#mobile-menu ul li a:active{transform:translateX(5px) scale(0.98)}#mobile-menu.show ul li{opacity:1;transform:translateX(0)}#mobile-menu.show ul li:nth-child(1){transition-delay:.05s}#mobile-menu.show ul li:nth-child(2){transition-delay:.1s}#mobile-menu.show ul li:nth-child(3){transition-delay:.15s}#mobile-menu.show ul li:nth-child(4){transition-delay:.2s}#mobile-menu.show ul li:nth-child(5){transition-delay:.25s}#mobile-menu.show ul li:nth-child(6){transition-delay:.3s}#mobile-menu.show ul li:nth-child(7){transition-delay:.35s}#mobile-menu.show ul li:nth-child(8){transition-delay:.4s}#mobile-menu.show ul li:nth-child(9){transition-delay:.45s}#mobile-menu.show ul li:nth-child(10){transition-delay:.5s}.beatmap-card .beatmap-content{padding:var(--spacing-md)}}@media (min-width: 768px){#mobile-menu{display:none !important}.navbar .mobile-menu-btn{display:none !important}}@media (min-width: 768px) and (max-width: 1023px){.grid.cols-auto{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.relative{position:relative !important}.absolute{position:absolute !important}.fixed{position:fixed !important}.sticky{position:sticky !important}.text-center{text-align:center !important}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-primary{color:var(--text-primary) !important}.text-secondary{color:var(--text-secondary) !important}.text-muted{color:var(--text-muted) !important}.text-accent{color:var(--accent-primary) !important}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mb-0{margin-bottom:0 !important}.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pb-0{padding-bottom:0 !important}.m-1{margin:.25rem !important}.mt-1{margin-top:.25rem !important}.mb-1{margin-bottom:.25rem !important}.ml-1{margin-left:.25rem !important}.mr-1{margin-right:.25rem !important}.p-1{padding:.25rem !important}.pt-1{padding-top:.25rem !important}.pb-1{padding-bottom:.25rem !important}.pl-1{padding-left:.25rem !important}.pr-1{padding-right:.25rem !important}.m-2{margin:.5rem !important}.mt-2{margin-top:.5rem !important}.mb-2{margin-bottom:.5rem !important}.ml-2{margin-left:.5rem !important}.mr-2{margin-right:.5rem !important}.p-2{padding:.5rem !important}.pt-2{padding-top:.5rem !important}.pb-2{padding-bottom:.5rem !important}.pl-2{padding-left:.5rem !important}.pr-2{padding-right:.5rem !important}.m-3{margin:.75rem !important}.mt-3{margin-top:.75rem !important}.mb-3{margin-bottom:.75rem !important}.ml-3{margin-left:.75rem !important}.mr-3{margin-right:.75rem !important}.p-3{padding:.75rem !important}.pt-3{padding-top:.75rem !important}.pb-3{padding-bottom:.75rem !important}.pl-3{padding-left:.75rem !important}.pr-3{padding-right:.75rem !important}.m-4{margin:1rem !important}.mt-4{margin-top:1rem !important}.mb-4{margin-bottom:1rem !important}.ml-4{margin-left:1rem !important}.mr-4{margin-right:1rem !important}.p-4{padding:1rem !important}.pt-4{padding-top:1rem !important}.pb-4{padding-bottom:1rem !important}.pl-4{padding-left:1rem !important}.pr-4{padding-right:1rem !important}.m-5{margin:1.25rem !important}.mt-5{margin-top:1.25rem !important}.mb-5{margin-bottom:1.25rem !important}.ml-5{margin-left:1.25rem !important}.mr-5{margin-right:1.25rem !important}.p-5{padding:1.25rem !important}.pt-5{padding-top:1.25rem !important}.pb-5{padding-bottom:1.25rem !important}.pl-5{padding-left:1.25rem !important}.pr-5{padding-right:1.25rem !important}.m-6{margin:1.5rem !important}.mt-6{margin-top:1.5rem !important}.mb-6{margin-bottom:1.5rem !important}.ml-6{margin-left:1.5rem !important}.mr-6{margin-right:1.5rem !important}.p-6{padding:1.5rem !important}.pt-6{padding-top:1.5rem !important}.pb-6{padding-bottom:1.5rem !important}.pl-6{padding-left:1.5rem !important}.pr-6{padding-right:1.5rem !important}.m-7{margin:1.75rem !important}.mt-7{margin-top:1.75rem !important}.mb-7{margin-bottom:1.75rem !important}.ml-7{margin-left:1.75rem !important}.mr-7{margin-right:1.75rem !important}.p-7{padding:1.75rem !important}.pt-7{padding-top:1.75rem !important}.pb-7{padding-bottom:1.75rem !important}.pl-7{padding-left:1.75rem !important}.pr-7{padding-right:1.75rem !important}.m-8{margin:2rem !important}.mt-8{margin-top:2rem !important}.mb-8{margin-bottom:2rem !important}.ml-8{margin-left:2rem !important}.mr-8{margin-right:2rem !important}.p-8{padding:2rem !important}.pt-8{padding-top:2rem !important}.pb-8{padding-bottom:2rem !important}.pl-8{padding-left:2rem !important}.pr-8{padding-right:2rem !important}.m-9{margin:2.25rem !important}.mt-9{margin-top:2.25rem !important}.mb-9{margin-bottom:2.25rem !important}.ml-9{margin-left:2.25rem !important}.mr-9{margin-right:2.25rem !important}.p-9{padding:2.25rem !important}.pt-9{padding-top:2.25rem !important}.pb-9{padding-bottom:2.25rem !important}.pl-9{padding-left:2.25rem !important}.pr-9{padding-right:2.25rem !important}.m-10{margin:2.5rem !important}.mt-10{margin-top:2.5rem !important}.mb-10{margin-bottom:2.5rem !important}.ml-10{margin-left:2.5rem !important}.mr-10{margin-right:2.5rem !important}.p-10{padding:2.5rem !important}.pt-10{padding-top:2.5rem !important}.pb-10{padding-bottom:2.5rem !important}.pl-10{padding-left:2.5rem !important}.pr-10{padding-right:2.5rem !important}.m-11{margin:2.75rem !important}.mt-11{margin-top:2.75rem !important}.mb-11{margin-bottom:2.75rem !important}.ml-11{margin-left:2.75rem !important}.mr-11{margin-right:2.75rem !important}.p-11{padding:2.75rem !important}.pt-11{padding-top:2.75rem !important}.pb-11{padding-bottom:2.75rem !important}.pl-11{padding-left:2.75rem !important}.pr-11{padding-right:2.75rem !important}.m-12{margin:3rem !important}.mt-12{margin-top:3rem !important}.mb-12{margin-bottom:3rem !important}.ml-12{margin-left:3rem !important}.mr-12{margin-right:3rem !important}.p-12{padding:3rem !important}.pt-12{padding-top:3rem !important}.pb-12{padding-bottom:3rem !important}.pl-12{padding-left:3rem !important}.pr-12{padding-right:3rem !important}.rounded-sm{border-radius:var(--radius-sm) !important}.rounded{border-radius:var(--radius-md) !important}.rounded-lg{border-radius:var(--radius-lg) !important}.rounded-xl{border-radius:var(--radius-xl) !important}.rounded-full{border-radius:var(--radius-full) !important}.enhanced-effects .beatmap-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-glow-strong)}.enhanced-effects .btn:hover{transform:translateY(-2px) scale(1.02)}