:root{--gold: #c9a84c;--gold-light: #e4cc7a;--gold-dark: #8b6d2b;--gold-glow: rgba(201, 168, 76, .25);--bg-deep: #07070b;--bg-surface: #0e0e14;--bg-elevated: #16161f;--bg-input: #1e1e2a;--crimson: #ef233c;--emerald: #10b981;--amber: #eab308;--royal: #6366f1;--text-primary: #eeeef0;--text-secondary: #84849a;--text-muted: #4e4e62;--border: #1f1f2c;--border-light: #2c2c3a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5;pointer-events:none;z-index:9999}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.font-bebas{font-family:Bebas Neue,sans-serif}.font-outfit{font-family:Outfit,sans-serif}.gold-shimmer{background:linear-gradient(90deg,var(--gold-dark) 0%,var(--gold) 25%,var(--gold-light) 50%,var(--gold) 75%,var(--gold-dark) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}.gold-bar-shimmer{background:linear-gradient(90deg,var(--gold-dark) 0%,var(--gold) 25%,var(--gold-light) 50%,var(--gold) 75%,var(--gold-dark) 100%);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 4px currentColor,0 0 8px currentColor;opacity:1}50%{box-shadow:0 0 8px currentColor,0 0 20px currentColor;opacity:.7}}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes spotlight{0%{transform:translate(-150%) rotate(25deg)}to{transform:translate(250%) rotate(25deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out both}.animate-fadeIn{animation:fadeIn .5s ease-out both}.animate-slideDown{animation:slideDown .5s ease-out both}.animate-scaleIn{animation:scaleIn .4s ease-out both}.animate-slideInRight{animation:slideInRight .5s ease-out both}.card-gold-accent{position:relative;overflow:hidden}.card-gold-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .4s ease}.card-gold-accent:hover:before{opacity:1}.glass-card{background:#0e0e14b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.arena-bg{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(201,168,76,.06),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(99,102,241,.04),transparent),var(--bg-deep)}.gold-border-glow{transition:border-color .3s ease,box-shadow .3s ease}.gold-border-glow:hover{border-color:var(--gold-dark);box-shadow:0 0 20px #c9a84c14}.diagonal-pattern{position:relative}.diagonal-pattern:after{content:"";position:absolute;top:0;right:32px;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--gold-dark),transparent);opacity:.15;transform:skew(-12deg);pointer-events:none}.rope-divider{height:3px;background:repeating-linear-gradient(90deg,var(--gold-dark) 0px,var(--gold-dark) 8px,transparent 8px,transparent 12px);border-radius:2px;opacity:.4}.btn-gold{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#0a0a0a;font-weight:700;border:1px solid var(--gold);transition:all .3s ease;position:relative;overflow:hidden}.btn-gold:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.btn-gold:hover:before{left:100%}.btn-gold:hover{box-shadow:0 4px 24px #c9a84c4d;transform:translateY(-1px)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-live{background:var(--crimson);animation:glowPulse 1.5s ease-in-out infinite;color:var(--crimson)}.status-dot-open{background:var(--amber);animation:glowPulse 2s ease-in-out infinite;color:var(--amber)}.status-dot-completed{background:var(--emerald)}.status-dot-upcoming{background:var(--text-muted)}.podium-gold{background:linear-gradient(135deg,#a08530,#d4af37,#c9a84c,#b8942d);border:2px solid #d4af37}.podium-silver{background:linear-gradient(135deg,#71717a,#a1a1aa,#9ca3af,#6b7280);border:2px solid #a1a1aa}.podium-bronze{background:linear-gradient(135deg,#92400e,#b45309,#a16207,#854d0e);border:2px solid #b45309}.collapse-section{transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease;overflow:hidden}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 2px #c9a84c26}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.spotlight-overlay{position:relative;overflow:hidden}.spotlight-overlay:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(201,168,76,.12),transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.spotlight-overlay:hover:after{opacity:1}@media(max-width:768px){.font-bebas{letter-spacing:.02em}}@keyframes scorePopUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-16px) scale(1.3)}to{opacity:0;transform:translateY(-32px) scale(1)}}.animate-scorePopUp{animation:scorePopUp 1.2s ease-out both}::selection{background:#c9a84c4d;color:var(--text-primary)}@keyframes badgePulse{0%,to{box-shadow:0 0 8px var(--badge-glow),inset 0 0 8px #ffffff08}50%{box-shadow:0 0 18px var(--badge-glow),0 0 40px var(--badge-glow),inset 0 0 12px #ffffff0f}}@keyframes badgeShine{0%{transform:translate(-150%) rotate(25deg)}to{transform:translate(350%) rotate(25deg)}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes badgeLegendaryRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badgeEpicBurn{0%,to{filter:brightness(1) saturate(1);box-shadow:0 0 12px var(--badge-glow),0 0 30px var(--badge-glow)}50%{filter:brightness(1.15) saturate(1.2);box-shadow:0 0 20px var(--badge-glow),0 0 50px var(--badge-glow),0 0 80px var(--badge-glow)}}@keyframes badgeRareOrbit{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes badgeSparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.badge-card{position:relative;border-radius:16px;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;cursor:pointer}.badge-card:hover{transform:translateY(-6px) scale(1.03)}.badge-common{--badge-glow: rgba(138, 138, 154, .2);border:1px solid #3a3a48}.badge-common:hover{border-color:#5a5a6a;box-shadow:0 8px 24px #0006}.badge-uncommon{--badge-glow: rgba(6, 182, 212, .3);border:1px solid #0e4a5e}.badge-uncommon:hover{border-color:#06b6d4;box-shadow:0 0 20px var(--badge-glow),0 8px 24px #0006}.badge-rare{--badge-glow: rgba(168, 85, 247, .35);border:1px solid #5b2d8e;animation:badgePulse 3s ease-in-out infinite}.badge-rare:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc,#a855f7);background-size:200% 200%;animation:badgeRareOrbit 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.badge-rare:hover{animation:badgeFloat 2s ease-in-out infinite;box-shadow:0 0 30px var(--badge-glow),0 12px 32px #00000080}.badge-epic{--badge-glow: rgba(249, 115, 22, .4);border:1px solid #b45309;animation:badgeEpicBurn 3s ease-in-out infinite}.badge-epic:before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(135deg,#ea580c,#f97316,#fbbf24,#f97316,#ea580c);background-size:300% 300%;animation:badgeRareOrbit 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.badge-epic:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,115,22,.12),transparent);animation:badgeShine 3s ease-in-out infinite;pointer-events:none}.badge-epic:hover{box-shadow:0 0 40px var(--badge-glow),0 0 80px #f9731633,0 12px 32px #00000080}.badge-legendary{--badge-glow: rgba(212, 175, 55, .5);border:2px solid #c9a84c;animation:badgeEpicBurn 2.5s ease-in-out infinite}.badge-legendary:before{content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:linear-gradient(135deg,#8b6d2b,#c9a84c,#e4cc7a,#d4af37,#c9a84c,#8b6d2b);background-size:400% 400%;animation:badgeRareOrbit 2.5s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.badge-legendary:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(228,204,122,.2),transparent);animation:badgeShine 2s ease-in-out infinite;pointer-events:none}.badge-legendary:hover{box-shadow:0 0 50px var(--badge-glow),0 0 100px #d4af3740,0 16px 40px #00000080;transform:translateY(-8px) scale(1.05)}@keyframes holoShift{0%{background-position:0% 50%;filter:hue-rotate(0deg) brightness(1)}25%{filter:hue-rotate(30deg) brightness(1.1)}50%{background-position:100% 50%;filter:hue-rotate(60deg) brightness(1.05)}75%{filter:hue-rotate(90deg) brightness(1.15)}to{background-position:0% 50%;filter:hue-rotate(0deg) brightness(1)}}@keyframes holoGlare{0%{transform:translate(-200%) rotate(35deg);opacity:0}40%{opacity:.6}to{transform:translate(300%) rotate(35deg);opacity:0}}@keyframes holoPulse{0%,to{box-shadow:0 0 15px #e879f966,0 0 30px #a855f733,0 0 60px #38bdf826,inset 0 0 12px #ffffff0d}33%{box-shadow:0 0 20px #38bdf866,0 0 40px #34d39940,0 0 70px #fbbf2426,inset 0 0 15px #ffffff14}66%{box-shadow:0 0 18px #fbbf2466,0 0 35px #ef444440,0 0 65px #e879f933,inset 0 0 12px #ffffff0f}}@keyframes holoSparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}20%{opacity:1;transform:scale(1.2) rotate(90deg)}40%{opacity:.8;transform:scale(.8) rotate(180deg)}60%{opacity:1;transform:scale(1.1) rotate(270deg)}80%{opacity:0;transform:scale(0) rotate(360deg)}}.badge-secret-rare{--badge-glow: rgba(232, 121, 249, .4);border:2px solid transparent;animation:holoPulse 4s ease-in-out infinite;position:relative}.badge-secret-rare:before{content:"";position:absolute;inset:-2px;border-radius:16px;padding:2px;background:linear-gradient(135deg,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#8b5cf6,#ec4899,#ef4444);background-size:400% 400%;animation:holoShift 6s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.badge-secret-rare:after{content:"";position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.2),rgba(255,255,255,.08),transparent);animation:holoGlare 3s ease-in-out infinite;pointer-events:none}.badge-secret-rare:hover{box-shadow:0 0 40px #e879f980,0 0 80px #38bdf84d,0 0 120px #fbbf2433,0 16px 48px #0009;transform:translateY(-8px) scale(1.06)}.badge-secret-rare .badge-sparkles span:nth-child(1){background:#ef4444;animation:holoSparkle 2.2s 0s infinite}.badge-secret-rare .badge-sparkles span:nth-child(2){background:#eab308;animation:holoSparkle 2.8s .4s infinite}.badge-secret-rare .badge-sparkles span:nth-child(3){background:#22c55e;animation:holoSparkle 2s .8s infinite}.badge-secret-rare .badge-sparkles span:nth-child(4){background:#06b6d4;animation:holoSparkle 2.5s .2s infinite}.badge-secret-rare .badge-sparkles span:nth-child(5){background:#8b5cf6;animation:holoSparkle 3s .6s infinite}.badge-secret-rare .badge-sparkles span:nth-child(6){background:#ec4899;animation:holoSparkle 2.3s 1s infinite}.badge-icon-ring{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-icon-ring-common{background:radial-gradient(circle at 30% 30%,#4a4a58,#2a2a35);box-shadow:inset 0 2px 4px #ffffff0d,0 2px 8px #0000004d}.badge-icon-ring-uncommon{background:radial-gradient(circle at 30% 30%,#0d4f63,#0a2530);box-shadow:inset 0 2px 4px #06b6d41a,0 0 12px #06b6d433}.badge-icon-ring-rare{background:radial-gradient(circle at 30% 30%,#6d28d9,#2e1065);box-shadow:inset 0 2px 4px #a855f726,0 0 16px #a855f74d}.badge-icon-ring-epic{background:radial-gradient(circle at 30% 30%,#c2410c,#451a03);box-shadow:inset 0 2px 4px #f9731633,0 0 20px #f973164d}.badge-icon-ring-legendary{background:radial-gradient(circle at 30% 30%,#c9a84c,#5c4813);box-shadow:inset 0 2px 4px #e4cc7a4d,0 0 24px #d4af3766}.badge-icon-ring-secret-rare{background:conic-gradient(from 0deg,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#8b5cf6,#ec4899,#ef4444);box-shadow:inset 0 2px 6px #fff3,0 0 20px #e879f966,0 0 40px #38bdf833;animation:holoShift 4s ease-in-out infinite}.badge-sparkles{position:absolute;inset:-8px;pointer-events:none}.badge-sparkles span{position:absolute;width:4px;height:4px;border-radius:50%;background:#e4cc7a}.badge-sparkles span:nth-child(1){top:10%;left:15%;animation:badgeSparkle 2s 0s infinite}.badge-sparkles span:nth-child(2){top:5%;right:20%;animation:badgeSparkle 2.5s .5s infinite}.badge-sparkles span:nth-child(3){bottom:15%;left:10%;animation:badgeSparkle 1.8s 1s infinite}.badge-sparkles span:nth-child(4){bottom:10%;right:15%;animation:badgeSparkle 2.2s .3s infinite}.badge-sparkles span:nth-child(5){top:50%;left:5%;animation:badgeSparkle 2.8s .7s infinite}.badge-sparkles span:nth-child(6){top:50%;right:5%;animation:badgeSparkle 2s 1.2s infinite}.hof-bg{background:radial-gradient(ellipse 70% 40% at 50% -5%,rgba(201,168,76,.1),transparent),radial-gradient(ellipse 50% 30% at 20% 50%,rgba(201,168,76,.03),transparent),radial-gradient(ellipse 50% 30% at 80% 50%,rgba(201,168,76,.03),transparent),var(--bg-deep)}.hof-icon-predictamania{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#0a0a0a;box-shadow:0 0 30px #c9a84c40,0 4px 16px #0006}.hof-icon-regular{background:linear-gradient(135deg,#1e293b,#334155);color:var(--gold);border:1px solid var(--gold-dark);box-shadow:0 0 20px #c9a84c1a,0 4px 16px #0006}.hof-image-frame{border:2px solid var(--gold-dark);box-shadow:0 8px 40px #0009,0 0 30px #c9a84c14}.profile-hero-bg{background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(201,168,76,.1),transparent),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(99,102,241,.05),transparent),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(168,85,247,.04),transparent),var(--bg-deep)}