body{
  margin:0;
  font-family:'Poppins',sans-serif;
  height:100vh;
  background:linear-gradient(135deg,#7EACB5,#EDDCC6);
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}

.bg-blur{
  position:absolute;
  width:500px;
  height:500px;
  background:#FFF4EA;
  filter:blur(180px);
  opacity:0.4;
  border-radius:50%;
  top:-150px;
  right:-150px;
}

.register-wrapper{
  z-index:2;
}

.register-card{
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(20px);
  padding:45px;
  border-radius:28px;
  width:420px;
  text-align:center;
  box-shadow:0 25px 50px rgba(0,0,0,0.2);
}

.register-card h2{
  margin-bottom:8px;
}

.register-card p{
  margin-bottom:25px;
  opacity:0.6;
  font-size:14px;
}

input{
  width:100%;
  padding:14px;
  margin-bottom:15px;
  border-radius:12px;
  border:1px solid #ddd;
  font-size:14px;
  outline:none;
  transition:0.3s;
}

input:focus{
  border-color:#7EACB5;
  box-shadow:0 0 0 2px rgba(126,172,181,0.2);
}

button{
  width:100%;
  padding:14px;
  border:none;
  border-radius:14px;
  background:#7EACB5;
  color:white;
  font-weight:600;
  cursor:pointer;
  transition:0.3s;
}

button:hover{
  background:#5e8d96;
  transform:translateY(-2px);
}

.login-link{
  margin-top:15px;
  font-size:14px;
}

.login-link a{
  color:#7EACB5;
  text-decoration:none;
  font-weight:600;
}

/* FORCE style dropdown angkatan */
.angkatan-select{
  width: 100% !important;
  padding: 14px 16px !important;
  margin-bottom: 15px !important;
  border-radius: 12px !important;
  border: 1px solid #ddd !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  background-color: #fff !important;
  color: #333 !important;
  outline: none !important;
  transition: all 0.3s ease !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 7.5L10 12.25L14.75 7.5' stroke='%23666' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px !important;
}

.angkatan-select:hover{
  border-color: #6c63ff !important;
}

.angkatan-select:focus{
  border-color: #6c63ff !important;
  box-shadow: 0 0 0 3px rgba(108, 99, 255, 0.15) !important;
}