:root{--bg-main:#0D0B1E;--text-primary:#F9FAFB;--text-secondary:#9CA3AF;--primary-1:#9333EA;--primary-2:#3B82F6;--accent:#3B82F6;--highlight:#00BFFF;--card-bg:rgba(23,20,31,0.85);--border-color:#2A2433}.light{--bg-main:#F9FAFB;--text-primary:#0D0B1E;--text-secondary:#4B5563;--primary-1:#9333EA;--primary-2:#3B82F6;--accent:#3B82F6;--highlight:#00BFFF;--card-bg:rgba(255,255,255,0.85);--border-color:#D1D5DB}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:800;color:#FFFFFF}a{color:var(--highlight);transition:all .3s ease}a:hover{color:var(--primary-2);text-shadow:0 0 10px rgba(0,191,255,.5);text-decoration:none}.btn-neon{background:linear-gradient(90deg,var(--primary-1),var(--primary-2));color:var(--text-primary);padding:.9rem 1.8rem;border-radius:.6rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-neon:hover{background:var(--accent);color:var(--bg-main);box-shadow:0 0 20px var(--accent);transform:translateY(-2px)}.card-neon{background:var(--card-bg);border-radius:1rem;padding:1.5rem;backdrop-filter:blur(12px);border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.card-neon:hover{border-color:var(--highlight);box-shadow:0 0 20px rgba(0,191,255,.3);transform:translateY(-5px)}.card-neon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,rgba(147,51,234,.3),rgba(59,130,246,.3) 50%,rgba(147,51,234,.3)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.card-neon:hover:before{opacity:1}.glow-purple{box-shadow:0 0 15px rgba(147,51,234,.4)}.glow-blue{box-shadow:0 0 15px rgba(59,130,246,.4)}.glow-cyan{box-shadow:0 0 15px rgba(0,191,255,.4)}.glow-royal{box-shadow:0 0 20px rgba(147,51,234,.3),0 0 40px rgba(59,130,246,.3)}.animated-gradient{background:linear-gradient(-45deg,#9333EA,#3B82F6,#00BFFF,#3B82F6);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 20px rgba(147,51,234,.3)}to{box-shadow:0 0 30px rgba(59,130,246,.6),0 0 60px rgba(147,51,234,.3)}}.glass-effect{background:rgba(23,20,31,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.light .glass-effect{background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.05)}.text-neon-purple{color:#9333EA;text-shadow:0 0 5px rgba(147,51,234,.5)}.text-neon-blue{color:#3B82F6;text-shadow:0 0 5px rgba(59,130,246,.5)}.text-neon-cyan{color:#00BFFF;text-shadow:0 0 5px rgba(0,191,255,.5)}.neon-border{position:relative}.neon-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(147,51,234,.4),rgba(59,130,246,.4) 50%,rgba(147,51,234,.4));mask:linear-gradient(#F9FAFB 0 0) content-box,linear-gradient(#F9FAFB 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;z-index:-1;opacity:.5;animation:border-glow 3s ease-in-out infinite alternate}@keyframes border-glow{0%{opacity:.3;filter:blur(1px)}to{opacity:.7;filter:blur(0)}}.header-neon{background:rgba(13,11,30,.9);backdrop-filter:blur(10px)}.header-neon,.light .header-neon{border-bottom:1px solid var(--border-color)}.light .header-neon{background:rgba(249,250,251,.9)}.footer-neon{background:var(--bg-main);border-top:1px solid var(--border-color)}.bg-neon-dark{background-color:var(--bg-main)}.text-neon-primary{color:var(--text-primary)}.text-neon-secondary{color:var(--text-secondary)}.border-neon{border-color:var(--border-color)}.gradient-neon-purple-blue{background:linear-gradient(90deg,var(--primary-1),var(--primary-2))}.hover-effect:hover{color:#3B82F6!important;border-color:#3B82F6!important;background-color:#3B82F6!important;box-shadow:0 0 15px rgba(59,130,246,.4)!important}.hover-bg-blue:hover{background-color:rgba(59,130,246,.1)!important}.hover-border-blue:hover{border-color:#3B82F6!important}.hover-text-blue:hover{color:#3B82F6!important}.hover-shadow-blue:hover{box-shadow:0 0 15px rgba(59,130,246,.4)!important}select.rank-select-dark option,select.rank-select-dark option:active,select.rank-select-dark option:checked,select.rank-select-dark option:focus,select.rank-select-dark option:hover,select.rank-select-dark option[selected]{background-color:#16151d!important;background-image:none!important;background:#16151d!important;color:white!important;box-shadow:none!important}select.rank-select-dark option{border-top:1px solid rgba(147,51,234,.4)!important;padding:10px 12px!important}select.rank-select-dark option:first-child,select.rank-select-dark option:first-of-type{border-top:none!important}select.rank-select-dark option::-webkit-option,select.rank-select-dark option:after,select.rank-select-dark option:before{background-color:#16151d!important;background:#16151d!important}