body{margin:0;padding:0;background-color:#0f0f0f;color:#fff;font-family:Manrope,sans-serif;position:relative;overflow-x:hidden}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px;box-sizing:border-box}.app-root{position:relative;min-height:100vh}.background-overlay{position:absolute;top:-10px;left:-10px;width:1940px;height:896px;background-size:cover;background-repeat:no-repeat;pointer-events:none;z-index:-2}.header{position:relative;height:222px;overflow:hidden}.header-gradients{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:-1}.header-gradient-1{position:absolute;width:2426px;height:444px;top:-333px;left:-253px;background:radial-gradient(50% 50% at 50% 50%,#182aed,#182aedcc);opacity:.5;filter:blur(600px)}.header-gradient-2{position:absolute;width:664px;height:176px;top:-123px;left:628px;background:radial-gradient(50% 50% at 50% 50%,#182aed,#182aedcc);opacity:.5;filter:blur(300px)}.header{position:relative;height:88px;display:flex;align-items:center;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{height:40px}.header-right{display:flex;align-items:center;gap:12px}.btn-votes{display:flex;align-items:center;gap:10px;height:53px;padding:0 24px;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,.5);cursor:pointer;font-family:Manrope,sans-serif;font-weight:500;font-size:18px;line-height:100%;letter-spacing:0;color:#fff}.btn-login{height:53px;padding:0 32px;border-radius:10px;border:none;cursor:pointer;color:#fff;font-size:16px;font-family:Manrope,sans-serif;font-weight:700;font-size:18px;line-height:100%;letter-spacing:0;background:radial-gradient(100% 100% at 0% 0%,#3b78e9,#134382)}.sort-block{width:100%;display:flex;justify-content:center;margin-top:20px}.sort-inner{width:1280px;height:60px;display:flex;align-items:center;gap:5px}.sort-btn{display:flex;align-items:center;justify-content:center;flex:1;gap:12px;height:60px;border-radius:10px;background:transparent;border:none;font-family:Manrope,sans-serif;font-weight:400;font-size:22px;color:#ffffffbf;cursor:pointer;transition:.2s ease}.sort-btn:hover:not(.active){background:#ffffff1f}.sort-btn.active{position:relative;border-radius:10px;background:radial-gradient(98.13% 100% at 1.79% 0%,#ffffff14,#ffffff05);box-shadow:4px 4px 12px -7px #ffffff40 inset,-10px -4px 8px -9px #ffffff40 inset,-4px -4px 12px -7px #00000040 inset;color:#fff;font-weight:700;overflow:hidden}.sort-btn.active:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(95.22deg,#fff -2.51%,#ffffff1f 12.67%,#ffffff0a 91.23%,#fff 105.16%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sort-icon{width:32px;height:32px;flex-shrink:0}.player-filter{width:1280px;height:61px;display:flex;align-items:center;gap:16px;margin:20px auto 0}.search-box{width:848px;height:61px;background:#ffffff1f;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:12px;display:flex;align-items:center;padding-left:20px;gap:16px}.search-icon{width:20px;height:20px}.search-input{flex:1;height:100%;background:transparent;border:none;outline:none;font-family:Manrope,sans-serif;color:#fff;font-size:18px}.search-input::placeholder{color:#fff9}.club-select{width:416px;height:61px;background:transparent;border-radius:12px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer}.club-select-text{font-family:Manrope,sans-serif;font-size:18px;color:#fff}.dropdown-icon{width:20px;height:20px}.club-select-wrapper{position:relative}.dropdown-icon{width:20px;height:20px;transition:.2s}.dropdown-icon.rotated{transform:rotate(180deg)}.club-dropdown{position:absolute;top:66px;right:0;width:416px;max-height:240px;overflow-y:auto;background:#ffffff14;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0006,inset 0 0 6px #ffffff0f;z-index:50}.club-dropdown-item{padding:14px 20px;font-family:Manrope,sans-serif;font-size:16px;color:#ffffffe6;cursor:pointer;transition:.15s}.club-dropdown-item:hover{background:#ffffff1f}.club-dropdown-item.active{background:#ffffff26;color:#fff}.player-card{width:1280px;height:98px;box-sizing:border-box;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:6px;display:flex;align-items:center;gap:6px}.player-rank{width:52px;height:86px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-size:20px;font-weight:600;color:#fff}.player-photo{width:86px;height:86px;border-radius:6px;overflow:hidden;background:#ffffff0f}.player-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:#ffffff14}.player-info{display:flex;flex-direction:column;margin-left:20px;gap:6px;width:450px}.player-name-row{display:flex;align-items:center;gap:8px}.player-name{font-family:Manrope,sans-serif;font-size:22px;font-weight:600;color:#fff}.player-role-icon{width:28px;height:28px}.player-club-row{display:flex;align-items:center;gap:8px}.player-club-icon{width:28px;height:28px;object-fit:contain;object-position:center;max-width:100%;max-height:100%}.player-club-name{font-size:18px;color:#fffc}.player-vote-block{margin-left:auto;display:flex;align-items:center;gap:20px}.vote-count{display:flex;align-items:center;gap:8px;font-family:Manrope;font-size:18px;color:#fff}.vote-icon{width:20px;height:20px}.vote-btn{width:187px;height:86px;border-radius:6px;border:none;background:radial-gradient(100% 100% at 0% 0%,#3b78e9,#134382);font-family:Manrope;font-size:18px;font-weight:500;color:#fff;cursor:pointer}.player-list{width:1280px;margin:30px auto 0;display:flex;flex-direction:column;gap:10px}