:root{
    --bg: #0f1724;
   --btn-bg: linear-gradient(135deg, #ff8915 0%, #f55d2c 100%);
    --btn-bg-hover: linear-gradient(135deg, #ff1515 0%, #ab0010 100%);
    --btn-color: #ffffff;
    --btn-radius: 14px;
    --shadow: 0 10px 30px rgba(14,30,60,0.45);
    --shadow-hover: 0 18px 40px rgba(14,30,60,0.55);
    --transition: 220ms cubic-bezier(.2,.9,.3,1);
  }


.bg{
	   
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-image: url("../images/accountbg.jpg") !important;
	
}
.formbg {
            background: linear-gradient(to right, #ffffffa1, #ffffff7d);
    border-radius: 20px;
    background-size: cover !important;
    /* border-radius: 10px; */
    border-left: 10px solid #0a9a73;
    border-right: 10px solid #0a9a73;
    box-shadow: 0px 0px 15px 2px #002647;
    transition: 0.8s;
    margin-top: 10%;
    padding: 0px 25px;
}
.formbg:hover{
	box-shadow: 0px 0px 15px 2px #002647;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box !important;
    padding: 0 !important;
}
.mt-5{
	margin-top: 3rem;
}
.mt-4{
	margin-top: 1.5rem;
}
.mt-3{
	margin-top: 1rem;
}
.mt-2{
	margin-top: 0.50rem;
}
.mt-1{
	margin-top: 0.25rem;
}
.mb-5{
	margin-bottom: 3rem;
}
.mb-4{
	margin-top: 1.5rem;
}
.mb-3{
	margin-top: 1rem;
}
.mb-2{
	margin-top: 0.50rem;
}
.mb-1{
	margin-top: 0.25rem;
}
.account-btn{
	color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    background: #4fcef5;
    padding: 15px 30px;
    text-align: center;
    margin-top: 10% !important;
	border-radius:27px;
}
.txt{
	font-size: 20px;
}
.txt1{
	font-size: 16px;
}
.mb-lg{
	margin-bottom: 16px;
}
.text-white{
	
	margin-top: 20px;
}

/* button container (optional) */
  .btn-wrap{
    text-align:center;
    padding:24px;
  }

  /* the button */
  .fancy-btn{
    appearance:none;
    -webkit-appearance:none;
    border: none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    justify-content:center;
    padding:14px 22px;
    font-size:16px;
    line-height:1;
    color:var(--btn-color);
    background:var(--btn-bg);
    border-radius:var(--btn-radius);
    box-shadow:var(--shadow);
    cursor:pointer;
    transition: transform var(--transition), box-shadow var(--transition), background-color var(--transition);
    transform: translateZ(0);
    user-select:none;
    outline: none;
    margin-bottom: 20px;
    margin-top: 10px;
  }

  /* subtle icon inside button (SVG) */
  .fancy-btn .icon{
    width:18px;
    height:18px;
    display:inline-block;
    transform: translateY(0);
    transition: transform var(--transition);
    opacity:0.98;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.12));
  }

  /* hover / focus styles */
  .fancy-btn:hover,
  .fancy-btn:focus{
    background: var(--btn-bg-hover);
    box-shadow: var(--shadow-hover);
    transform: translateY(-4px) scale(1.01);
  }

  /* press effect */
  .fancy-btn:active{
    transform: translateY(-1px) scale(.995);
    box-shadow: 0 8px 22px rgba(14,30,60,0.35);
  }

  /* keyboard focus visible for accessibility */
  .fancy-btn:focus-visible{
    box-shadow: 0 0 0 5px rgba(99,102,241,0.14), var(--shadow);
  }

  /* disabled state */
  .fancy-btn[disabled]{
    opacity:.45;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
  }

  /* Respect reduced motion users */
  @media (prefers-reduced-motion: reduce){
    .fancy-btn, .fancy-btn .icon{
      transition: none;
    }
  }