@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap";:root{--primary-color: #202123;--secondary-color: #45494c;--text-color: #f5f5f5;--box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1)}body{display:flex;box-sizing:border-box;min-height:100vh;justify-content:center;align-items:center;background-color:var(--primary-color);font-family:Noto Sans;-webkit-font-smoothing:antialiased}form{width:264px;padding:10px 50px 40px 25px;color:var(--text-color);border-radius:1rem;background-color:var(--secondary-color);box-shadow:var(--box-shadow)}form:focus-within{position:relative}label{display:block;margin-top:20px;font-weight:700;font-size:14px}input{margin-top:20px;width:100%;padding:12px;border:0;border-radius:4px;background-color:var(--primary-color);color:var(--text-color);font-size:16px;outline:none}input:focus{box-shadow:0 1px #ffffff40,0 -1px #ffffff40,1px 0 #ffffff40,-1px 0 #ffffff40,1px -1px #ffffff7f,-1px 1px #ffffff7f,1px 1px #ffffffbf,-1px -1px #ffffffbf}button{display:block;margin-top:25px;width:50%;padding:12px;border:0;border-radius:4px;background-color:var(--primary-color);color:var(--text-color);font-size:16px;font-weight:700;cursor:pointer;outline:none}button:hover{box-shadow:0 1px #ffffff40,0 -1px #ffffff40,1px 0 #ffffff40,-1px 0 #ffffff40,1px -1px #ffffff7f,-1px 1px #ffffff7f,1px 1px #ffffffbf,-1px -1px #ffffffbf}#supportBtn{padding:0;margin-top:40px;width:100%;color:#bbb;background-color:transparent;font-size:.7em;font-weight:700;text-align:left;border-radius:5px;transition:.2s ease-in;cursor:pointer}#supportBtn:hover{text-underline-offset:10px;text-decoration:underline;color:#fff;box-shadow:none}