body{padding-top:150px;padding-bottom:10px;font-family:Inter;margin:0;background:radial-gradient(circle at top left,#fafafa,#fff)}.home-page{max-width:1200px;margin-inline:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.heading-title{font-size:52px;font-weight:500;max-width:500px;margin-top:52px;text-align:center}.home-get-started{padding:20px;font-family:Inter,sans-serif;font-size:16px;border-radius:6px;border:none;background-color:#044b3a;color:#fff;font-weight:500;cursor:pointer}.home-get-started:hover{background-color:#033f31}.features-container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:32px}.feature{background-color:#044b3a;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:250px;color:#fff;border-radius:12px;cursor:pointer}.card-link{text-decoration:none}.feature:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease}.feature-header{font-size:18px;font-weight:500}.feature-text{font-weight:300;max-width:250px;text-align:center}.subheading{font-size:20px;opacity:#555;color:#666;text-align:center}.fade-in-up{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.home-page{margin-left:16px;margin-right:16px}.alt-logo{width:120px}.features-container{display:flex;flex-direction:column}}.compare-header{margin-left:32px;display:flex;align-items:center;justify-content:center;margin-bottom:64px;font-weight:500}.compare-page-container{display:flex;flex-direction:column;justify-content:space-between;margin:auto}.players-compare-container{display:flex;align-items:center;justify-content:center}.vs-middle{margin-top:56px}.vs{display:flex;align-items:center;justify-content:center;margin-right:48px;margin-left:24px;color:#044b3a;font-weight:700;font-size:24px;text-shadow:0px 0px 6px rgba(0,0,0,.2)}.vl{border-left:6px solid #044b3a;height:80px;margin-left:41.5px}.input-box{margin-right:18px;position:relative}.player-one-search{width:275px;padding:13px;border-radius:4px;border:1px solid black}.player-one-search:focus{outline:none}.search-results-box{position:absolute;top:100%;left:0;width:95%;z-index:10;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a}.search-results-list{list-style-type:none}.search-result{padding:12px;margin-left:-40px;cursor:pointer}.search-result:hover{background-color:#ccc}.player-compare-card{position:relative;margin-left:-24px;background-color:#f2f2f2;border-radius:8px;width:350px;display:flex;flex-direction:column;align-items:center;margin-top:64px}.player-one-img{width:100px}.nation-and-league-compare-container{margin-top:8px;display:flex;align-items:center;justify-content:center}.player-one-flag{width:24px;margin-right:8px}.player-one-nation{font-size:11px;color:gray;font-weight:500;margin-right:24px}.player-one-league{width:24px}.name-label-click{display:flex;justify-content:center;align-items:center;gap:8px}.player-one-name{cursor:pointer}.name-label-click:hover .player-arrow{transform:translate(4px);transition:transform .2s ease}.player-arrow{cursor:pointer}.close-button{background-color:#f2f2f2;width:30px;height:30px;border-radius:50%;border:none;position:absolute;top:10px;right:10px;cursor:pointer}.close-button:hover{background-color:#e6e6e6}table{font-family:Inter,sans-serif;border-collapse:collapse;width:700px;margin-top:32px}.table-container{display:flex;justify-content:center;align-items:center}td,th{border:1px solid #dddddd;text-align:center;padding:8px}.stat-better-than{background-color:#14d270;opacity:.8}.select-player-box{justify-content:center;position:relative;margin-left:-24px;background-color:#f2f2f2;border-radius:8px;width:350px;display:flex;flex-direction:column;align-items:center;margin-top:24px;height:220px;border:2px dashed gray}.select-player-text{font-style:italic;color:gray}@media (max-width: 600px){.players-compare-container{margin-left:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}.vs-middle{margin-bottom:24px}.vl{display:none}}.players-page-top{margin-left:64px;margin-bottom:32px}.heading-search{font-weight:500;margin-left:64px}.selects-container{margin-top:32px}.search-button{width:60px;height:60px;background-color:#044b3a;border:none}.select{margin-left:4px;padding:8px;font-family:Inter;font-size:15.5px;margin-right:24px}.select:focus{outline:none}.players-container{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;padding:1rem}.error-msg-players{width:500px;margin-left:100px}.show-more-button{color:#fff;background-color:#044b3a;padding:10px;border-radius:5px;border:none;margin-left:24px;cursor:pointer}.player{position:relative;border:1.5px solid hsl(0,0%,60%);border-radius:12px;width:225px;height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 16px 34px;box-shadow:0 6px 12px #0000001f,0 2px 4px #00000014;cursor:pointer;transition:all .2s ease-in-out}.player:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026,0 4px 6px #0000001a}.player-img{width:255px;height:300px;object-fit:cover}.player-name{margin-top:1px;color:#000;font-weight:700;line-height:20px}.player-league{position:absolute;top:10px;right:10px;width:32px}.bottom{margin-top:6px;display:flex;justify-content:space-between;align-items:center;width:225px}.left-section{line-height:6px}.nation-container{display:flex;justify-content:left;align-items:center;width:200px;margin-top:-16px}.player-nation-img{width:24px;margin-right:8px}.player-nation{font-size:13px;color:gray;font-weight:700}.player-arrow{transition:transform .2s ease}.player:hover .player-arrow{transform:translate(4px)}@media (max-width: 600px){.players-container{grid-template-columns:repeat(1,1fr)}.players-page-top{margin-bottom:16px}.selects-container{margin-top:16px;display:flex;align-items:left;flex-direction:column;gap:6px}.select{width:70px}}.search-input{height:55px;width:400px;border:1px solid gray;padding-left:10px;font-family:Inter;font-size:14px;margin-top:3px;margin-right:24px}.search-input:focus{outline:none}@media (max-width: 600px){.search-input{width:170px;margin-right:0;font-size:10px}}.rankings-page-top{margin-left:64px;margin-bottom:32px}.rankings-header{font-weight:500;margin-left:64px}.select-label{margin-left:40px;margin-bottom:18px}.select-container{margin-top:32px}.leaderboard-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.player-section{display:flex;border-radius:12px;padding:12px;justify-content:space-between;align-items:center;width:90%;margin-left:64px;box-shadow:0 4px 8px #0000000d;background-color:#fff}.leaderboard-left-section{display:flex;justify-content:center;align-items:center}.player-leaderboard-rank{font-weight:700;font-size:18px;margin-right:24px;margin-left:12px}.player-leaderboard-img{width:48px}.name-nation-container{line-height:0px;display:flex;flex-direction:column}.player-leaderboard-name{display:block;margin-left:12px;font-weight:700;cursor:pointer;transition:transform .2s ease}.player-leaderboard-name:hover{transform:translateY(-2px)}.leaderboard-nation-and-league{display:flex;align-items:center}.leaderboard-flag-img{width:14px;margin-left:18px;margin-right:6px}.leaderboard-nation{font-size:13px;color:gray;font-weight:700}.leaderboard-league{width:18px;margin-left:18px}.stat-value{margin-right:12px;font-weight:500}.show-more-button-rankings{color:#fff;background-color:#044b3a;padding:10px;border-radius:5px;border:none;margin-left:100px;margin-top:32px;cursor:pointer}@media (max-width: 600px){.rankings-page-top{padding-left:32px;margin-bottom:32px}.leaderboard-container{width:calc(100% - 64px)}.rankings-header{margin-left:64px}.select-label{margin-left:16px}.player-section{flex-direction:column;align-items:flex-start;margin-left:16px;width:s;gap:12px}.leaderboard-left-section{flex-direction:row;align-items:center}.name-nation-container{margin-left:12px}.player-leaderboard-rank{margin-left:0;margin-right:12px;font-size:12px}.player-leaderboard-name{font-size:12px}.rankings-page-top{margin-left:16px;margin-bottom:16px}.select{width:164px}}.player-page-container{height:80%;background-color:#f2f2f2;display:flex;justify-content:center;gap:100px}.name-container{margin-top:64px;line-height:18px}.player-page-first-name,.player-page-second-name,.player-page-last-name{font-size:48px;font-weight:700}.player-page-first-name{margin-bottom:-20px}.player-page-nation-container{display:flex;align-items:center}.left-image{width:500px;height:600px}.player-page-flag{width:32px;margin-right:8px}.player-page-nation{color:gray;font-weight:700;margin-right:24px}.player-nation-and-league-container{display:flex;align-items:center;justify-content:left}.player-page-league-logo{width:32px}.player-world-ranking{font-weight:700;color:gray;margin-top:4px}.player-stats-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;max-width:100%;box-sizing:border-box}.player-stat-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-tile{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:8px;text-align:center;width:140px;margin:.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-tile:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001a}.stat-title{font-size:10.2px;color:#555;margin-bottom:6px;letter-spacing:.5px}.stat-value{font-weight:700;font-size:1.2rem;color:#222}.player-page-rank{color:gray;font-size:12px}@media (max-width: 600px){.left-image{width:180px;height:200px;margin-bottom:-100px}.player-page-first-name,.player-page-second-name,.player-page-last-name{font-size:32px;text-align:center}.player-page-container{flex-direction:column;align-items:center;text-align:center}.player-nation-and-league-container{justify-content:center}.player-stats-container{display:grid;grid-template-columns:repeat(2,1fr)}}.header{z-index:100;position:fixed;top:0;left:0;right:0;height:110px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000f;background-color:#fff}.logo-container{padding-left:24px;display:flex;align-items:center}.logo-img{height:75px;width:auto;object-fit:contain}.logo-text{margin-left:32px;color:#000;font-size:18px}.link-text{color:gray;font-weight:500;transition:color .15s}.link-text:hover{color:#000}.home-link,.compare-link,.players-link,.rankings-link,.logo-link{text-decoration:none}.compare-link.active .link-text,.home-link.active .link-text,.players-link.active .link-text,.rankings-link.active .link-text{font-size:18px;color:#000;font-weight:700;border-bottom:4px solid #D4AF37;padding-bottom:4px}.nav{display:flex;justify-content:space-between;align-items:center;width:500px;margin-left:128px;margin-right:48px}.compare-link,.players-link,.rankings-link,.home-link{position:relative;display:inline-block}.compare-link .nav-icon,.players-link .nav-icon,.rankings-link .nav-icon,.home-link .nav-icon{transition:opacity .2s ease}.compare-link:after,.players-link:after,.rankings-link:after,.home-link:after{content:"";color:#fff;font-size:14px;position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s ease}.hamburger-icon,.close-icon{display:none}@media (max-width: 768px){.logo-text{font-size:24px}.nav{display:none}.hamburger-icon{display:block;margin-right:48px;cursor:pointer}.mobile-show{position:absolute;position:fixed;top:150px;left:0;right:0;background-color:#fff;flex-direction:column;align-items:center;gap:24px;padding:24px 0;display:flex;z-index:99}.mobile-show .nav-icon{font-size:28px}.close-icon{display:block;position:absolute;top:16px;right:48px;cursor:pointer}.compare-link:after,.players-link:after,.rankings-link:after,.home-link:after{display:none}}