body {
  margin:0;
  font-family:Arial;
  background: linear-gradient(135deg,#4c6ef5,#15aabf);
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
}

.container {
  background:white;
  padding:40px;
  border-radius:15px;
  width:320px;
  text-align:center;
}

.logo {
  width:80px;
}

input, textarea {
  width:100%;
  padding:10px;
  margin:10px 0;
  border-radius:8px;
  border:1px solid #ddd;
}

button {
  width:100%;
  padding:10px;
  border:none;
  border-radius:8px;
  background:#4c6ef5;
  color:white;
  cursor:pointer;
}

.register-btn {
  background:#20c997;
}

.switch {
  color:blue;
  cursor:pointer;
}

.hidden {
  display:none;
}

.card {
  background:white;
  padding:15px;
  margin:10px;
  border-radius:10px;
  box-shadow:0 5px 10px rgba(0,0,0,0.1);
}

#msg {
  color:red;
  margin-top:10px;
}