@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3{font-weight:normal}button,input,label{border:none;color:#f0f8ff;font-family:Montserrat}body{font-size:10px;font-family:Montserrat,sans-serif;min-height:100vh;max-width:100vw;overflow-x:hidden}img{width:100px}li,ul{list-style:none}a{text-decoration:none;color:#f0f8ff}body{background: linear-gradient(
      90deg,
      rgba(67, 56, 202, 0.35) 0%,
      rgba(12, 10, 20, 0) 38%,
      rgba(12, 10, 20, 0) 62%,
      rgba(250, 204, 21, 0.22) 100%
    ),
    #0a0a0a;font-size:10px;color:#f0f8ff;display:flex;flex-direction:column}.bar{display:none}magic{color:#3567c4}tech{color:#f5da81}.container{max-width:1180px;margin:auto}@media (max-width:1244px){.container{width:90%}}.bar{display:none;font-size:1.5rem}.nav-list{display:flex;align-items:center}.nav-list_item{margin-right:5px}.nav-list_item:last-of-type{margin:0}header{width:100%;background-color: rgb(9 9 11 / 0.7);border-bottom:1px solid var(--border-color);color:#f0f8ff;font-size:1rem;backdrop-filter:var(--bg-blur);padding:.5rem;position:sticky;z-index:500;top:0}.hr{border-bottom:1px solid var(--border-color)}.header{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;font-weight:500;user-select:none;cursor:pointer}.logo-img{border-radius:15px;width:48px;height:48px;margin-right:1rem}.btn{padding:10px 30px;cursor:pointer;border-radius:10px;transition:.3s}.btn:hover{background-color: #44444434}.btn-solid{background-color:#3567c4}.btn-solid:hover{background-color: #3567c496}.btn-solid-dark{padding:10px 30px;background-color: rgb(255 255 255 / 0.05);color:#f0f8ff;box-shadow:0 0 2px rgba(0,0,0,.63)}.btn-disabled{cursor:auto}.btn-solid-dark.btn-disabled:hover{background-color: rgb(255 255 255 / 0.05)}.container-profile{user-select:none;display:flex;align-items:center;gap:10px;cursor:pointer}.profile{align-items:center;display:flex}#avatar{height:32px;width:32px;margin-right:10px}.logout{margin-top:5px;color: #fd5353c4}.copyright{backdrop-filter:var(--bg-blur);margin-top:auto;bottom:0}footer{background-color: rgb(9 9 11 / 0.7);border-top:1px solid var(--border-color);padding:10px 0}.wrapper-copy{display:flex;align-items:center}.copy-img{width:48px;height:48px;border-radius:10px;margin-right:10px}.copy-desc{font-size:16px}.wrapper-about{color:#f0f8ff;text-align:center;padding:100px 0;margin:auto}.main-header{font-weight:bold;font-size:40px}@media (max-width:786px){.main-header{font-size:30px}}.about-server{font-size:16px;width:60%;margin:auto;margin-top:20px;text-shadow:0 0 1px black}@media (max-width:1060px){.about-server{width:50%}}@media (max-width:913px){.about-server{width:100%}}.wrapper-cards{padding:50px 0}.cards-title{margin-bottom:20px;font-size:24px;font-weight:bold}.card{padding:20px;background-color: rgb(255 255 255 / 0.05);backdrop-filter:blur(8px);border-radius:10px;border: 1px solid rgb(255 255 255 / 0.1)}.card-title{font-weight:500;font-size:20px;margin-bottom:10px}.card-desc{font-size:15px;color:#e5e7eb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}@media (max-width:786px){.cards{grid-template-columns:1fr;gap:20px}}@media (max-width:768px){.rotate{transform:rotateZ(90deg)}.nav{display:none;position:absolute;right:0;top:60px;border-radius:10px;background-color: rgb(9 9 11 / 0.7);box-shadow:0 0 5px black;backdrop-filter:var(--bg-blur);padding:10px}.nav-list{flex-direction:column}.nav-list_item{margin:0}.header{position:relative}.bar{display:block}}.wrapper-launcher{padding:40px 0}.launcher-title{font-size:24px;font-weight:500}.launcher-about{font-size:15px;margin:20px 0 15px}.darker{color:#c4c4c4}.cont-about{position:relative}.character{position:absolute;bottom:0}.engineer{right:0;width:200px}.wizard{left:-40px;bottom:10px;width:250px}@media (max-width:913px){.character{display:none}}.modal{width:100%;height:100%;position:fixed;top:0;left:0;background: #00000042;backdrop-filter:blur(8px);display:flex;user-select:none;z-index:9999999999999999}.modal-window{padding:20px;width:500px;background-color: rgb(0 0 0 / 0.8);border: 1px solid rgb(255 255 255 / 0.2);border-radius:10px;position:fixed;left:calc(50% - 250px);top:60px;backdrop-filter:blur(8px)}@media (max-width:768px){.modal-window{left:0;width:100%}}@media (max-width:376px){#modal-close{padding:10px 15px!important}.modal-btn{padding:10px 15px!important}}.modal-header{display:flex;justify-content:space-between;margin-bottom:30px;align-items:center}.modal-group-btn{background-color: rgb(255 255 255 / 0.05);border-radius:10px;padding:5px}.modal-btn{background:transparent;padding:10px 25px;border-radius:8px;cursor:pointer}.modal-btn:first-of-type{margin-right:5px}.modal-btn.active{background: #41414159;border: 1px solid rgb(255 255 255 / 0.05);box-shadow: 0 0 5px #00000077}#modal-close{background-color: rgb(255 255 255 / 0.05);box-shadow: 0 0 5px #00000077;border: 1px solid rgb(255 255 255 / 0.05);padding:10px 25px;border-radius:10px;cursor:pointer}.modal-form{display:flex;flex-direction:column}.input-label{color: rgb(255 255 255 / 0.7);font-size:16px;margin-bottom:5px;font-family:Montserrat}.modal-form input{background-color: rgb(255 255 255 / 0.05);border: 1px solid rgb(255 255 255 / 0.05);border-radius:10px;padding:15px;width:100%;margin-bottom:25px}.modal-form input:focus{outline:3px solid var(--wizard-color)}.modal-submit{margin-top:30px;font-size:16px}.radioRegGroup{position:relative;display:grid;padding:15px 35px;grid-template-columns:repeat(2,1fr);gap:30px;background: #41414159;border: 1px solid rgb(255 255 255 / 0.05);box-shadow: 0 0 5px #00000077;padding:10px;border-radius:10px}@media (max-width:375px){.radioRegGroup{gap:15px;padding:8px}.radioRegTitle{font-size:14px}}.radioReg{margin-bottom:0!important;position:absolute;opacity:0}.radioLabel{margin-bottom:0!important;display:flex;position:relative;font-size:16px;justify-content:center;cursor:pointer}.radioRegTitle{width:100%;text-align:center;padding:10px 30px;border-radius:10px;background: #2020202c;border: 1px solid rgb(255 255 255 / 0.05);box-shadow: 0 0 5px #00000077}.radioLabel:has(#wizard:checked) .radioRegTitle {border:1px solid rgba(192,232,255,.192);box-shadow: 0 0 5px #000000bb;background:var(--wizard-color)}.radioLabel:has(#engineer:checked) .radioRegTitle {border:1px solid rgba(192,232,255,.192);box-shadow: 0 0 5px #000000bb;background:var(--wizard-color)}