html,
 body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     height: 100%;
     /* background: url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=3840&q=100') no-repeat center center fixed; */
     background: url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=3840&q=100') no-repeat center center fixed;
     margin: 0;
     background-size: cover;
     /* makes image full screen */
     background-position: center;
     /* keeps it centered */
     background-repeat: no-repeat;
     /* avoids tiling */
    padding-top: 50px; /* space for fixed header */


 }

 .container {
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;

 }
 /* 🔷 CAPTCHA */
.captcha-box {
    margin: 15px 0;
    display: flex;
    justify-content: center;
}

 .content {
     background-color: white;
     border-radius: 10px;
     border: 2px solid rgba(255, 255, 255, .2);
     backdrop-filter: blur(10px);
     box-shadow: 0 0 10px rgba(0, 0, 0, .2);
     padding: 20px 25px;
     color: #0f0101;
     border-radius: 10px;
     padding: 30px 40px;
 }

 .form-title {
     padding: 20px 40px 10px;
     margin: 0;
     /* prevents shifting */
 }
.btn-success:hover {
            background: transparent !important;
            color: black;
            border: 2px solid black;
        }
.btn-success {
    background: black !important;
}
  /* Header */
.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(240, 236, 236, 0.8);
    display: flex;
    align-items: center;
    padding: 8px 15px;
    z-index: 1000;
}

.top-bar img {
    height: 45px;
    margin-right: 15px;
}
 /* Footer */
.footer {
    width: 100%;
    background:rgba(240, 236, 236, 0.8);
    text-align: center;
    padding: 15px 10px;
    font-size: 14px;
    color: #333;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
    margin-top: 40px;
}

.footer p {
    margin: 0;
    font-weight: 500;
}