:root{font-family:Arial,Helvetica,sans-serif;color:#eaf5f3;background:#10242a}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:min(100%,390px);background:#17343c;border:1px solid #3a6268;border-radius:15px;padding:32px;box-shadow:0 20px 50px #0005}.login h1{font-size:25px;margin:0 0 8px}.login p{color:#c0d6d5;line-height:1.5}.login .error{color:#ffbaba}.login .success{color:#a7eee2}.login a{color:#a7eee2}label{display:block;font-weight:700;margin-top:22px}input{width:100%;margin-top:8px;border:1px solid #6b9699;border-radius:8px;padding:12px;background:#f7fafa;color:#14292e;font:inherit}button{width:100%;margin-top:18px;border:0;border-radius:8px;background:#67cfc7;color:#10242a;font:inherit;font-weight:700;padding:12px;cursor:pointer}button:hover{background:#86e3d9}#showPassword{width:auto;margin-top:8px;padding:7px 10px;background:transparent;color:#eaf5f3;border:1px solid #6b9699;font-size:.9rem}#showPassword:hover{background:#24515a}