/* Make the whole page background dark blue-black */
body, html {
    background-color: rgba(10, 12, 25, 1) ;
    color: #ffffff; /* optional: make text readable on dark background */
    /* min-height: 100vh; */
}

/* Optional: sections or containers to inherit dark background */
section, .container {
    background-color: transparent; /* let body background show through */
}





.bg-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
    linear-gradient(to right,
    rgba(10, 12, 25, 1) 0%,
    rgba(10, 12, 25, 1) 30%,
    rgba(10, 12, 25, 0.9) 45%,
    rgba(10, 12, 25, 0.7) 60%,
    rgba(10, 12, 25, 0.45) 75%,
    rgba(10, 12, 25, 0.25) 88%,
    rgba(10, 12, 25, 0.12) 94%,
    rgba(10, 12, 25, 0.0) 100%
),
url('images/62.jpg');


}


/* Form container background */
form {
    background:none;
    padding: 2rem;
    border-radius: 12px;
    max-width: 500px;
    margin-left: auto;  /* push to right side */
}

/* Inputs & textarea default style */
form input.form-control,
form textarea.form-control {
    background-color: rgba(10, 12, 25, 1) ; /* dark blue-black base */
    color: #ffffff !important;
 border: 2px solid rgba(255, 255, 255, 0.2); /* subtle border */
    transition: border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
}

/* On focus or hover */
form input.form-control:focus,
form input.form-control:hover,
form textarea.form-control:focus,
form textarea.form-control:hover {
    border-color: #08F7FF;
    box-shadow: 0 0 8px #08F7FF;
    background-color: rgba(10, 12, 25, 1) ; /* prevent white background */
    outline: none;
}

/* Placeholder color */
form input.form-control::placeholder,
form textarea.form-control::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

/* Button style */
form .btn-primary {
    background-color: #08F7FF;
    border: none;
    color: rgba(10, 12, 25, 1) ;
    transition: background 0.3s, color 0.3s;
}

form .btn-primary:hover {
    background-color: #06d9e5;
    color: #ffffff;
}


.lh-1 {
    color: #ffffff !important;
}

.text-danger {
    color: #ffffff !important;
}