/* Global Settings */
body { 
    font-family: 'Inter', sans-serif; 
}

/* Glass Panel Effect */
.glass-panel {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Custom Input Fields */
.form-input {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    transition: all 0.3s ease;
}

/* Input Focus State */
.form-input:focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: #6366f1; /* Indigo-500 */
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

/* Error Border */
.input-error {
    border-color: #ef4444 !important; /* Red-500 */
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
}

/* Text Selection Color */
::selection {
    background: rgba(99, 102, 241, 0.5);
    color: white;
}

/* Fix text color in the country dropdown list (it defaults to black on white) */
.iti__country-list {
color: #000; 
z-index: 50; /* Ensure it floats above other elements */
}
/* Ensure the input itself matches your theme */
.iti
{
width: 100%;
}