html,body{margin:0;height:100%}body{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#a8a8a8;background:#1f1f1f radial-gradient(ellipse 50% 70% at 50% 25%,#3a3a3a,#2a2a2a 40%,#1f1f1f 75%) no-repeat}#login-page{padding-top:60px}.login_box{width:420px;max-width:calc(100% - 20px);margin:0 auto}.logobox{width:240px;margin:0 auto 30px}.logobox img{display:block;height:92px;width:auto;margin:0 auto}h2{margin:0;height:35px;line-height:35px;padding:0 20px;font-size:15px;color:#ddd;background:linear-gradient(#2c2c2c,#151515);border:1px solid #111;box-shadow:0 2px 2px #0000001a}.login-content{background:#1b1b1b;border:1px solid #1a1a1a;border-top:0;padding:10px 20px 22px}.error{color:#902d2d;font-size:11px;padding:2px 4px;background:#c6b4b4;margin:0 0 2px;border:1px solid #c83f3f}.note{color:#ccc;font-size:12px;margin:12px 0 0}form{display:flex;flex-direction:column}label{font-weight:700;color:#a8a8a8;margin:6px 0}.input_text{height:30px;box-sizing:border-box;width:376px;max-width:100%;background:#ddd;border:1px solid #5b5b5b;box-shadow:inset 0 2px 2px #0003;font-size:15px;padding:2px 4px;margin-bottom:6px;color:#000}.input_text:focus{outline:none;border:1px solid #ff5d1a;box-shadow:inset 0 2px 2px #0003,0 0 0 1px #ff5d1a}select{height:26px;font-size:11px;background:#ddd;border:1px solid #5b5b5b;box-shadow:inset 0 2px 2px #0003;margin-bottom:6px}#submit{margin-top:24px;height:30px;background:#6e6e6e;color:#fff;border:1px solid #5b5b5b;font-size:15px;cursor:pointer}#submit:hover{background:#7d7d7d}.login-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.remember{display:flex;align-items:center;gap:6px;margin:0}.reset{color:#ff5d1a;font-size:11px;text-decoration:none}.reset:hover{text-decoration:underline}