*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,"Segoe UI",sans-serif}body{min-height:100vh;background:#d9d9d9;display:flex;align-items:center;justify-content:center}.login-card{width:360px;background:#f8f8f8;border-radius:6px;padding:38px 28px 24px;box-shadow:0 10px 28px rgba(0,0,0,.22)}.app-icon{width:46px;height:46px;background:#5b6fb3;border-radius:3px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.title{text-align:center;font-size:18px;color:#333;font-weight:700;margin-bottom:24px}.error-box{background:#ffecec;border:1px solid #ffb8b8;color:#b00020;font-size:12px;padding:9px 10px;margin-bottom:14px}.form-group{margin-bottom:12px}.input-wrap{position:relative}.input-wrap i{position:absolute;left:10px;top:11px;color:#999;font-size:13px}input{width:100%;height:36px;border:1px solid #dcdcdc;background:#fff;padding:0 10px 0 32px;font-size:13px;outline:none}input:focus{border-color:#1688e8;box-shadow:0 0 0 1px #1688e8}.options{display:flex;align-items:center;justify-content:space-between;margin:12px 0 16px;font-size:11px;color:#555}.remember{display:flex;align-items:center;gap:6px}.remember input{width:12px;height:12px}.help{width:16px;height:16px;border:1px solid #ccc;border-radius:50%;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:10px}button{width:100%;height:38px;background:#087bdc;border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer}button:hover{background:#066ec5}.footer{text-align:center;margin-top:20px;font-size:11px;color:#aaa}