@import"https://fonts.googleapis.com/css2?family=Jersey+10&family=Pixelify+Sans:wght@400..700&display=swap";*{margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-image:url(/8-Bit/assets/PLMUN-BDFF12Ju.png);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;background-color:#0006;background-blend-mode:multiply;font-family:"Jersey 10";text-align:center;padding:4rem;display:flex;flex-direction:column;gap:5rem}body h1{font-size:4rem;text-shadow:0 0 5px black,0 0 10px black,0 0 15px black;letter-spacing:2px;color:#f0f8ff;-webkit-user-select:none;user-select:none}.loginContainer{display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.loginContainer .buttonLayout{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:1rem}.loginContainer .buttonLayout #startButton{font-family:"Jersey 10";font-size:2rem;padding:1rem;width:80vmin;border:5px solid black;text-wrap:nowrap;display:flex;justify-content:center;gap:1rem;transition:transform .3s ease-in-out}.loginContainer .buttonLayout #startButton:hover{color:#fff;border:5px solid white;background-color:#00bfff;transform:scale(1.05)}.loginContainer .buttonLayout #form{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:1rem}.loginContainer .buttonLayout #form #roleSelect{font-family:"Jersey 10";font-size:2rem;padding:1rem;width:auto;border:5px solid black;border-radius:5px;background:#fff;box-sizing:border-box;cursor:pointer}.loginContainer .buttonLayout #form #inputId,.loginContainer .buttonLayout #form .passWrapper{font-family:"Jersey 10",cursive;font-size:2rem;padding:1rem;width:auto;border:5px solid black;text-wrap:nowrap;flex:1}.loginContainer .buttonLayout #form #inputPassword{font-family:"Jersey 10",cursive;font-size:2rem;border:0;outline:none}.loginContainer .buttonLayout #form .passWrapper{position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.loginContainer .buttonLayout #form .passWrapper button{background:none;border:none;cursor:pointer;display:flex}.loginContainer .buttonLayout #form .passWrapper button img{position:relative;width:auto;height:2rem;pointer-events:none}.loginContainer .buttonLayout #form #loginButton{font-family:"Jersey 10";font-size:2rem;padding:1rem;width:20vw;border:5px solid black;text-wrap:nowrap;display:flex;flex-grow:1;justify-content:center;gap:1rem}.loginContainer .buttonLayout #form #loginButton:hover{color:green;border:5px solid lightgreen;background-color:#fff}.loginContainer .lineDivider{color:#fff;text-shadow:2px 2px #000000;-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:1rem;font-size:5vmin}.loginContainer .lineDivider .line{flex:auto;flex-basis:auto;border:none;outline:none;height:2px;background-color:#fff}.loginContainer .linkWrapper{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:2rem}.loginContainer .linkWrapper #manual,.loginContainer .linkWrapper #forgotPass{text-decoration:underline;font-size:2rem;color:#fff;cursor:pointer;transition:transform .3s ease-in-out}:is(.loginContainer .linkWrapper #manual,.loginContainer .linkWrapper #forgotPass):hover{transform:scale(1.05)}.loginContainer .fpSteps{display:flex;justify-content:center;gap:1rem;margin-bottom:20px}.loginContainer .fpStep{width:35px;height:35px;background-color:#ccc;border:5px solid black;font-family:"Jersey 10";font-size:2rem;text-align:center;display:flex;align-items:center;justify-content:center}.loginContainer .fpStep.active{background-color:#00bfff}.loginContainer .fpStep.done{background-color:#90ee90}.loginContainer .fpStep:after{content:"";position:absolute;width:20px;height:10px;margin-top:10px;margin-left:60px;background-color:#000;transform:translateY(-50%);z-index:1}.loginContainer .fpStep:last-child:after{display:none}.loginContainer #fpNext:hover{background-color:#00bfff}.loginContainer #popupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;justify-content:center;align-items:center;z-index:9999}.loginContainer #popupBox{background-color:#fff;border-radius:10px;padding:2rem;width:auto;font-family:"Jersey 10";font-size:2rem;letter-spacing:1px;color:#000;text-align:center;box-shadow:0 0 15px #0006;animation:popFade .2s ease-out;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.loginContainer #popupContent{margin:0 2rem;font-family:"Jersey 10";font-size:1.5rem;line-height:1.5;text-align:left;max-height:400px;overflow-y:auto}.loginContainer .popupFade{opacity:0;transition:opacity .4s ease-in-out}.loginContainer #popupClose{padding:1rem;font-family:"Jersey 10";font-size:1.5rem;text-align:center;text-wrap:nowrap;color:#8b0000;border:5px solid darkred;background-color:#fff;width:60%}.loginContainer #popupClose:hover{transition:ease .5s;transform:scale(1.02)}.loginContainer #popupOverlayManual{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;justify-content:center;align-items:center;z-index:9999}.loginContainer #popupBoxManual{background-color:#fff;border-radius:10px;padding:2rem;width:60%;font-family:"Jersey 10";font-size:2rem;letter-spacing:1px;color:#000;text-align:center;box-shadow:0 0 15px #0006;animation:popFade .2s ease-out;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.loginContainer #popupEdgeManual{max-height:400px;overflow-y:auto}.loginContainer #popupContentManual{margin:0 2rem;font-family:"Jersey 10";font-size:1.5rem;line-height:1.5;text-align:left}.loginContainer .popupFadeManual{opacity:0;transition:opacity .4s ease-in-out}.loginContainer #popupCloseManual{padding:1rem;font-family:"Jersey 10";font-size:1.5rem;text-align:center;text-wrap:nowrap;color:#8b0000;border:5px solid darkred;background-color:#fff;width:60%}.loginContainer #popupCloseManual:hover{transition:ease .5s;transform:scale(1.02)}.loginContainer #loadingScreen{position:fixed;inset:0;background-color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999;color:#fff;font-family:"Jersey 10";font-size:3rem;letter-spacing:2px;text-align:center}.loginContainer .loadingBox img{width:200px;height:200px;image-rendering:pixelated;margin-bottom:20px}.loginContainer #loadingScreen.fade-out{opacity:0;pointer-events:none;transition:opacity .5s ease-out}@media(max-width:700px){body{padding:2rem}h1{font-size:2.5rem}#startButton{width:100%}#popupBox,#popupBoxManual{transform:scale(.7)}}