body {
    font-family: 'Poppins', sans-serif;
    background-color:#e6f2ff;
}

/* Hero Section */
.hero-banner {
    background: url('{{ asset("public/img/canv3.jpg") }}') center/cover no-repeat;
    height: 260px;
    border-bottom: 5px solid #d29c64;
    display: flex;
    align-items: center;
    justify-content: center;

}

.hero-banner h1 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    padding: 10px 25px;
    /* Adds spacing inside the glass box */
    background: rgba(0, 0, 0, 0.4);
    /* Glassy black background */
    backdrop-filter: blur(6px);
    /* Blur effect behind the text */
    border-radius: 10px;
    /* Rounded glass shape */
    display: inline-block;
    /* Prevents full-width bar */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    /* Soft glass shadow */
}


.app-card {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);


    border: 2px solid rgba(0, 0, 0, 0.70);
    border-radius: 14px;
    padding: 40px;
    /* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); */
    margin-top: -80px;
    border-top: 6px solid #d29c64;
}
.company-logo {
    width: 140px;
    margin-bottom: 15px;
}

.btn-submit {
    background-color: #d29c64;
    border: none;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 6px;
    color: #000;
    font-weight: 600;
}

.btn-submit:hover {
    background-color: #ba8251;
}

.top-back-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5;
}

.top-back-btn a {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    backdrop-filter: blur(4px);
}

.top-back-btn a:hover {
    background: rgba(0, 0, 0, 0.7);
}
 .form-label {
        color: #000 !important;  /* Dark black */
        font-weight: 500;
    }

    /* Optional: make section titles more bold */
    .form-check-label {
        color: #000 !important;
    }

    /* Placeholder darker if needed */
    .form-control::placeholder {
        color: #555;
    }