body{margin:0;padding:0;background:#fff;font-family:Arial,sans-serif}.main{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.container{max-width:980px;width:100%;padding:20px}.middle{display:flex;align-items:center;justify-content:center;gap:40px}.logo,.logo-mobile{text-align:center}.logo-mobile{display:none}#login{width:420px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:25px}#login fieldset{border:0;padding:0;margin:0}#login fieldset p{position:relative;margin-bottom:15px}#login fieldset span{position:absolute;left:0;top:0;width:46px;height:44px;line-height:44px;text-align:center;background:#f1f1f1;border:1px solid #ddd;border-right:0;border-radius:6px 0 0 6px;color:#666}#login fieldset input{width:100%;height:44px;border:1px solid #ddd;border-radius:6px;padding-left:60px}#login input[type="submit"]{background:#0d6efd;color:#fff;border:0;padding:11px 22px;border-radius:6px;cursor:pointer}#login a{text-decoration:none;color:#0d6efd}@media (max-width:800px){.middle{display:block}.logo{display:none}.logo-mobile{display:block;margin-bottom:20px}#login{width:auto}}