@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap";@import"https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Moonrocks&display=swap";@import"https://fonts.googleapis.com/css2?family=Codystar&display=swap";@import"https://fonts.googleapis.com/css2?family=Rowdies&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";:root{--color-bright-red: #e23131;--color-navy-blue: #111827;--color-bright-purple: #c152e2;--color-plum-purple: #2a2455;--color-bright-blue: #6ecbf5;--color-white: #ffffff;--color-off-white: #e8e8e8;--color-black: #000000;--color-translucent-black: rgba(2, 2, 2, .8);--color-off-black: #111111;--color-dark-grey: #212121;--color-light-grey: #d9d9d9;--color-grey: #b6b4b4;--font-inter: "Inter", sans-serif;--font-rubik-glitch: "Rubik Glitch", system-ui;--font-rubik-moonrocks: "Rubik Moonrocks", sans-serif;--font-cutive-mono: "Cutive Mono", monospace;--font-codystar: "Codystar", sans-serif;--font-rowdies: "Rowdies", sans-serif;--font-roboto: "Roboto", sans-serif;--font-righteous: "Righteous", sans-serif}.loginBody{background-color:var(--color-black);width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.MP4_Background{position:absolute;top:0;bottom:0;overflow:hidden}@media only screen and (min-width: 2400px){.MP4_Background video{width:auto;height:100vh}}@media only screen and (max-width: 1080px){.MP4_Background video{width:100vw;height:auto}}h1{font-family:var(--font-rowdies);color:var(--color-white)}.errorMessage{color:red;font-size:1em;font-weight:700;text-align:center;margin-bottom:1em}.loginContainer{background-color:var(--color-translucent-black);border-radius:3.125em;padding:3.75em;height:33.75em;width:25em;display:flex;flex-direction:column;align-items:center;justify-content:space-around;position:relative;z-index:1}.loginContainer:before{content:"";position:absolute;inset:0;border-radius:3.125em;padding:.3125em;background:linear-gradient(300deg,#c152e2,#6ecbf5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.loginButton{--color: #c152e2;font-family:inherit;display:inline-block;width:8em;height:2.6em;line-height:2.5em;margin:1.25em;position:relative;cursor:pointer;overflow:hidden;border:.125em solid var(--color);transition:color .5s;z-index:1;font-size:1.0625em;font-family:var(--font-rowdies);border-radius:.375em;font-weight:500;color:var(--color)}.loginButton:before{content:"";position:absolute;z-index:-1;background:linear-gradient(300deg,#c152e2,#6ecbf5);height:9.375em;width:12.5em;border-radius:50%}.loginButton:hover{color:#fff}.loginButton:before{top:100%;left:100%;transition:all .7s}.loginButton:hover:before{top:-1.875em;left:-1.875em}.loginButton:active:before{background:linear-gradient(300deg,#c152e2,#6ecbf5);transition:background 0s}.form__group{position:relative;padding:1.25em 0 0;width:100%}.form__field{font-family:inherit;width:100%;border:none;border-bottom:.125em solid var(--color-white);outline:0;font-size:1.0625em;color:var(--color-white);padding:.4375em 0;background:transparent;transition:border-color .2s}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{font-size:1.0625em;cursor:text;top:1.25em}.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1.0625em;color:var(--color-white);pointer-events:none;font-family:var(--font-rowdies)}.form__field:focus{padding-bottom:.375em;font-weight:700;border-width:.1875em;border-image:linear-gradient(45deg,hsl(286deg 71% 60%) 0%,hsl(269deg 84% 68%) 61%,hsl(252deg 98% 74%) 75%,hsl(234deg 100% 75%) 82%,hsl(220deg 100% 71%) 86%,hsl(212deg 100% 67%) 88%,hsl(206deg 100% 65%) 91%,hsl(203deg 100% 66%) 94%,hsl(201deg 96% 67%) 97%,hsl(199deg 87% 70%) 100%);border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1.0625em;background:linear-gradient(to right,#e252d8 0%,#6ecbf5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.form__field:required,.form__field:invalid{box-shadow:none}