body { background:linear-gradient(to bottom right, oklch(0.7672 0.0272 278.6 / 50%) 30%, oklch(0.6729 0.0411 323.29 / 50%) 69.33%); color:#000; }
div.login-box { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:14px; padding:40px; border-radius:20px; background:rgba(255,255,255, 0.25); box-shadow:0 1px 2px rgba(0,0,0, 0.1); }
div.login-box div { margin-top:20px; }
div.form-desc { text-align:center; font-size:24px; margin:0 0 30px 0 !important; color:rgba(0,0,0, 0.7); }
label { color:#333; display:inline-flex; align-items:center; }
div.checkbox { margin-top:5px !important; }
div.form-mesg { color:#be1100; width:300px; }
input[type=text], input[type=password], input[type=button] { background:rgba(255,255,255, 0.7); box-shadow:0 1px 2px rgba(0,0,0, 0.1); color:#000; font-size:inherit; border:0; border-radius:10px; padding:10px; width:300px; box-sizing:border-box; }
input[type=button] { background-color:rgba(0, 119, 204, 0.7); color:#fff; }
input[type=checkbox] { appearance:none; border:1px solid #ccc; background:rgba(255,255,255, 0.7); border-radius:5px; width:15px; height:15px; margin-right:10px; }
input[type=checkbox]:checked { appearance:button; }
div.button { margin-top:30px !important; }