*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#FFF;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;min-height:100vh}header{text-align:center;padding:30px 20px}.logo{max-width:420px;height:auto}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.login-box{width:380px;background:#111;border:1px solid #333;border-radius:10px;padding:30px;box-shadow:0 0 20px rgb(255 255 255 / .08)}.login-box h1{text-align:center;margin-bottom:25px;color:#FFF}.field{margin-bottom:18px}label{display:block;margin-bottom:6px;color:#FFF}input{width:100%;padding:12px;border:1px solid #555;border-radius:5px;background:#222;color:#FFF;font-size:14px}input:focus{outline:none;border-color:#FFF}button{width:100%;padding:12px;border:none;border-radius:5px;background:#FFF;color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:.25s}button:hover{background:#DDD}#message{margin-top:15px;text-align:center;font-size:14px}footer{text-align:center;color:#FFF;font-size:14px;padding:20px}