*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif}
body{
  display:flex;justify-content:center;align-items:center;min-height:100vh;
  background:linear-gradient(135deg,#cd853f,#a18047)
}
.login-container{
  background:#fff;padding:40px;border-radius:15px;
  box-shadow:0 10px 25px rgba(0,0,0,0.1);width:350px;text-align:center
}
.login-container h2{margin-bottom:20px;font-size:28px;color:#333}
.input-box{position:relative;margin-bottom:20px}
.input-box input{
  width:100%;padding:15px 15px 15px 40px;border-radius:10px;border:1px solid #ccc;
  outline:none;font-size:16px;transition:.3s
}
.input-box input:focus{border-color:#667eea;box-shadow:0 0 8px rgba(102,126,234,.3)}
.input-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;font-size:18px}
.btn{
  display:inline-block;width:100%;padding:15px;background:#c0a371;color:#fff;font-size:18px;
  border:none;border-radius:10px;cursor:pointer;transition:.3s
}
.btn:hover{background:#aa9878}
.row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}
button.ghost{border:none;background:none;cursor:pointer;font-size:14px;color:#666}
.error{color:#c62828;margin-top:12px}