body{
background:#0b1220;
color:white;
}

.card{
background:#111827;
border-radius:15px;
border:none;
}

.form-control,
.form-select{
background:#1f2937;
color:white;
}

.btn{
border-radius:12px;
}

.navbar{
  backdrop-filter:blur(15px);
  background:rgba(17,24,39,.9)!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.navbar-brand{
  font-weight:700;
  letter-spacing:.5px;
}

.nav-link{
  color:#d1d5db!important;
  margin-right:10px;
}

.nav-link:hover{
  color:white!important;
}

.btn-success{
  background:linear-gradient(
      135deg,
      #22c55e,
      #16a34a
  );
  border:none;
}
.btn{

 position:relative;
 overflow:hidden;

}

.btn:active{

 transform:scale(.95);

}

.btn-loading{

 pointer-events:none;
 opacity:.8;

}

.btn-loading::after{

 content:"";

 width:16px;
 height:16px;

 border:2px solid white;
 border-top-color:transparent;

 border-radius:50%;

 display:inline-block;

 margin-left:10px;

 animation:spin .6s linear infinite;

}

@keyframes spin{

 to{
  transform:rotate(360deg);
 }

}

.btn{
  position:relative;
  overflow:hidden;
}

.ripple{
  position:absolute;
  border-radius:50%;
  transform:scale(0);
  background:rgba(255,255,255,.5);
  animation:rippleEffect .6s linear;
}

@keyframes rippleEffect{

  to{
    transform:scale(4);
    opacity:0;
  }

}