/* --- START: Unique Glassmorphism Register Page --- */

.glass-section {
    background-image: url('../images/frontend/register/glass-bg.jpg'); /* Loads the new background */
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Keeps the background still while scrolling */
}

.glass-container {
    background: rgba(10, 6, 41, 0.45); /* Semi-transparent dark blue background for the form */
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(7.5px); /* This is the magic that creates the frosted glass effect */
    -webkit-backdrop-filter: blur(7.5px);
    border: 1px solid rgba(255, 255, 255, 0.22);
    padding: 40px;
}

/* Style the form fields to match the glass effect */
.glass-container .form-control {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
    border-radius: 8px !important;
}

.glass-container .form-control::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Style the icons inside the form fields */
.glass-container .input-group-text {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-right: none !important; /* Remove right border to merge with input */
    color: #E6A25D !important;
    border-radius: 8px 0 0 8px !important;
}
.glass-container .form-control {
	border-left: none !important; /* Remove left border to merge with icon */
	border-radius: 0 8px 8px 0 !important;
}

/* Update text and link colors for better readability */
.glass-container .title, .glass-container p, .glass-container label {
    color: #ffffff;
}
.glass-container a.text--base {
    color: #E6A25D !important; /* A gold color that matches your theme */
    font-weight: 600;
}

/* --- END: Unique Glassmorphism Register Page --- */