@import"https://fonts.googleapis.com/css2?family=Orbitron&display=swap";@import"https://fonts.googleapis.com/css2?family=Red+Rose:wght@300..700&display=swap";body{margin:0;padding:0;font-family:Red Rose,sans-serif;background-color:#0d0d0d;color:#e0e0e0;display:flex;justify-content:center;align-items:center}.App{text-align:center;margin:1%}.App-header{background-color:#1a1a1a;padding:40px;border:2px solid #1e90ff;border-radius:15px;box-shadow:0 4px 8px #00000080}.logo{width:150px;margin-bottom:20px}h1{color:#61dafb;margin:0;font-size:1rem;font-family:Orbitron;text-shadow:0 0 10px rgba(30,144,255,.8)}.blueText{color:#61dafb}.form{display:flex;flex-direction:column;align-items:center}.form-group{margin:15px 0;width:100%}input{padding:10px;font-size:16px;border:2px solid #1e90ff;border-radius:8px;width:100%;max-width:350px;background-color:#2e2e2e;color:#e0e0e0}input:focus{outline:none;border-color:#00bfff}.submit-button{padding:12px 24px;min-width:110px;font-size:16px;cursor:pointer;background-color:#1e90ff;color:#e0e0e0;border:none;border-radius:8px;text-transform:uppercase;transition:background-color .3s,transform .2s;margin-top:1rem}.submit-button:hover{background-color:#4682b4;transform:scale(1.05)}.submit-button:active{background-color:#4169e1}.submit-button:disabled{background-color:gray;transform:scale(1);cursor:not-allowed}.login-button{padding:12px 24px;font-size:16px;cursor:pointer;border:2;border-color:#5b6eae;color:#fff;border-radius:8px;text-transform:uppercase;transition:background-color .3s}.login-button:hover{background-color:#5b6eae}.login-button:active{background-color:#4e5d94}.center{display:flex;justify-content:center}.my-1{margin-top:1rem;margin-bottom:.5rem}.mp-button{padding:12px 24px;font-size:16px;cursor:pointer;background-color:#1e90ff;color:#e0e0e0;border:none;border-radius:8px;text-transform:uppercase;transition:background-color .3s,transform .2s;margin-top:1rem}.custom-checkbox-label:before{content:"";position:absolute;left:0;top:50%;width:30px;height:30px;border:3px solid #3399ff;border-radius:5px;transform:translateY(-50%)}.custom-checkbox{position:absolute;opacity:0;width:0;height:0}.custom-checkbox-label{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:40px;-webkit-user-select:none;user-select:none;font-family:"Press Start 2P",cursive;color:#f0f0f0;font-size:18px}.custom-checkbox:checked+.custom-checkbox-label:before{background:#03c;border:3px solid #3399ff;box-shadow:0 0 15px #3399ffb3}.custom-checkbox:checked+.custom-checkbox-label:after{content:"👍";position:absolute;left:5px;top:50%;font-size:20px;transform:translateY(-50%)}.custom-checkbox-label span{margin-left:10px}.container{display:flex;flex-direction:column;align-items:center}.input-group{display:flex;align-items:center;margin-bottom:20px}.url-static{font-size:12px}.faceit-url-input{font-size:18px;padding:5px;margin-left:5px;margin-right:10px;border:2px solid #FFA500;background-color:#20232a;color:orange}.steam-url-input{font-size:18px;padding:5px;margin-left:5px;margin-right:10px;border:2px solid #ffffff;background-color:#20232a}.esportal-url-input{font-size:18px;padding:5px;margin-left:5px;margin-right:10px;border:2px solid #1e90ff;background-color:#20232a;color:#1e90ff}.challengermode-url-input{font-size:18px;padding:5px;margin-left:5px;margin-right:10px;border:2px solid #ffa600a9;background-color:#20232a;color:#ffa600a9}.blue-highlight{color:#1e90ff;font-weight:bolder;text-shadow:0 0 5px rgba(97,218,251,.5)}.orange-highlight{color:orange;font-weight:700;text-shadow:0 0 5px rgba(255,165,0,.5)}.dark-orange-highlight{color:#ffa600a9;font-weight:700;text-shadow:0 0 5px rgba(255,165,0,.5)}.spinner{display:flex;justify-content:center;align-items:center;height:100vh}.spinner div{width:15px;height:15px;margin:3px;background-color:#333;border-radius:100%;display:inline-block;animation:bounce 1.4s infinite ease-in-out}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bounce{0%,20%,50%,80%,to{transform:scale(1)}40%{transform:scale(1.5)}60%{transform:scale(1.25)}}.submit-spinner{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.submit-spinner:after{content:" ";display:block;margin:8px;border-radius:50%;border:6px solid #ccc;border-color:#ccc transparent #ccc transparent;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animation-wrapper{text-align:center;margin-top:2rem}.checkmark-animation{display:inline-block}.checkmark-svg{width:100px;height:100px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:#28a745;fill:none;animation:drawCheckmark 1s ease forwards}.checkmark-circle{stroke:#28a745;stroke-width:2;stroke-dasharray:157;stroke-dashoffset:157;animation:animateCircle 1s ease forwards}.checkmark-path{stroke:#28a745;stroke-width:2;stroke-dasharray:48;stroke-dashoffset:48;animation:drawPath 1s ease forwards .5s}.completion-message{font-size:18px;color:#e0e0e0;margin-top:20px;opacity:0;animation:fadeInMessage 1s ease forwards 1s}.completion-message-button{padding:12px 24px;font-size:16px;cursor:pointer;background-color:#1e90ff;color:#e0e0e0;border:none;border-radius:8px;text-transform:uppercase;transition:background-color .3s,transform .2s;margin-top:1rem;opacity:0;animation:fadeInMessage 1s ease forwards 2s}@keyframes drawCheckmark{to{stroke-dashoffset:0}}@keyframes animateCircle{to{stroke-dashoffset:0}}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes fadeInMessage{to{opacity:1}}.questionmark-button{justify-content:center;align-items:center;width:28px;height:28px;border:2px solid white;border-radius:50%;background-color:gray;cursor:pointer;outline:none;box-shadow:0 2px 3px #0003;padding:0;font-size:20px}.questionmark-button:hover{background-color:#a9a9a9}.questionmark{color:#fff;line-height:1}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-ms-expand{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.image-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.responsive-image{max-height:50px;height:auto;margin:10px;flex:1 1 auto;object-fit:contain}@media (min-width: 600px){.responsive-image{max-width:calc(50% - 20px)}}@media (min-width: 900px){.responsive-image{max-width:calc(25% - 20px)}}@media (max-width: 400px){.App-header{padding:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:1100px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}