*{
  box-sizing:border-box;
}

body{

  margin:0;

  font-family:
  Inter,
  system-ui,
  sans-serif;

  background:
  linear-gradient(
    135deg,
    #0a8f65,
    #18b17b
  );

  min-height:100vh;

  display:flex;

  justify-content:center;

  align-items:center;

  padding:20px;
}

.register-wrapper{

  width:100%;

  max-width:450px;
}

.register-card{

  background:#fff;

  border-radius:24px;

  padding:30px;

  box-shadow:
  0 10px 40px
  rgba(0,0,0,.12);
}

.brand{

  text-align:center;

  margin-bottom:25px;
}

.logo{

  font-size:48px;
}

.brand h1{

  margin:10px 0 5px;
}

.brand p{

  color:#666;
}

.field{

  margin-bottom:18px;
}

label{

  display:block;

  margin-bottom:6px;

  font-size:14px;
}

input{

  width:100%;

  padding:14px;

  border:1px solid #ddd;

  border-radius:12px;
}

.btn-primary{

  width:100%;

  padding:14px;

  border:none;

  border-radius:12px;

  background:#0a8f65;

  color:white;

  font-weight:700;

  cursor:pointer;
}

.btn-primary:hover{

  background:#087a57;
}

.btn-secondary{

  display:block;

  text-align:center;

  text-decoration:none;

  background:#f2f2f2;

  color:#222;

  padding:14px;

  border-radius:12px;
}

.divider{

  height:14px;
}