:root {
    --brand-dark: #15105a;
    --brand-main: #4a35f0;
    --brand-light: #7b61ff;
    --brand-accent: #ffc928;
}

[x-cloak] { display: none !important; }
body.auth-modal-open { overflow: hidden; }
#global-bg { z-index: -1; }

.glass-card {
    border-radius: 28px;
    background: rgba(11, 11, 15, 0.94);
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.28);
}

.input-group { position: relative; }
.input-field {
    width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.06);
    padding: 15px 46px 15px 16px;
    color: #fff;
    font-weight: 700;
    outline: none;
    transition: all 0.2s ease;
}
html[dir="rtl"] .input-field { padding: 15px 16px 15px 46px; }
.input-field::placeholder { color: rgba(156, 163, 175, 0.9); }
.input-field:focus {
    border-color: rgba(63, 42, 223, 0.65);
    background: rgba(255, 255, 255, 0.09);
    box-shadow: 0 0 0 4px rgba(63, 42, 223, 0.14);
}
.input-icon {
    position: absolute;
    top: 18px;
    right: 16px;
    color: rgba(91, 61, 245, 0.9);
    pointer-events: none;
}
html[dir="rtl"] .input-icon { right: auto; left: 16px; }

.btn-consult {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--brand-main), var(--brand-light));
    color: #fff;
    font-weight: 900;
    padding: 14px 22px;
    transition: all 0.25s ease;
    box-shadow: 0 16px 35px rgba(63, 42, 223, 0.28);
}
.btn-consult:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 45px rgba(63, 42, 223, 0.35);
}