*,:after,:before{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;scroll-behavior:smooth}body{width:100vw;overflow-x:hidden;background:#212121;height:max-content}.login{display:flex;justify-content:center;align-items:center;font-family:var(--font-play),sans-serif;height:100vh;color:#e8e6e3}.login form{gap:1vw}.login form,.login form label{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start}.login form label{gap:.4vw}.login form label input{width:25vw;height:3.5vw;border:.1vw solid #111;border-radius:.2vw;padding:1vw}.login form label input:focus{outline:.2vw solid #1433e0;border:none}.login form label .message{font-size:.8rem;color:#cf0b0b}.login form button{background-color:#1433e0;border:none;cursor:pointer;border-radius:.2vw;color:#fff;width:7vw;height:3vw;font-size:1.2vw;font-weight:400}.login form button:hover{background-color:#3b56f0}.login form a{color:#ffd00b;text-decoration:underline;font-weight:600}.login form a:hover{text-decoration:none}@media screen and (max-width:768px){.login form{gap:5vw}.login form h1{font-size:10vw}.login form label{gap:1.5vw}.login form label p{font-size:1.5rem}.login form label #email,.login form label #password{height:8vw;width:65vw;border:.3vw solid #555}.login form a,.login form>p{font-size:1.5rem}.login form button{font-size:1.5rem;width:25vw;height:7vw}}