.consultation {
    position: relative; overflow: hidden;
    max-width: 720px; margin: 70px auto; padding: 4px;
    border-radius: 30px; isolation: isolate;
}
.consultation-aurora {
    position: absolute; inset: -50%; z-index: -1;
    background:
        radial-gradient(circle at 20% 20%, var(--color0903) 0%, transparent 42%),
        radial-gradient(circle at 80% 30%, var(--color0904) 0%, transparent 42%),
        radial-gradient(circle at 50% 85%, var(--color0905) 0%, transparent 42%);
    filter: blur(70px); opacity: 0.55;
    animation: consultation-float 14s ease-in-out infinite alternate;
}
@keyframes consultation-float {
    0% { transform: translate(0,0) rotate(0deg); }
    100% { transform: translate(5%,7%) rotate(15deg); }
}
.consultation-card {
    text-align: center; padding: 46px 40px; border-radius: 26px;
    background: color-mix(in srgb, var(--color0901) 62%, transparent);
    backdrop-filter: blur(20px);
}
.consultation-badge {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: Sahel-Light; font-size: 13px; margin-bottom: 16px;
    padding: 7px 16px; border-radius: 50px; color: var(--color0903);
    background: color-mix(in srgb, var(--color0903) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--color0903) 25%, transparent);
}
.consultation-card h2 {
    font-family: Sahel-SemiBold; font-size: 30px; margin: 0 0 10px;
    color: var(--color0902);
}
.consultation-card p {
    font-family: Sahel-Light; direction: rtl; margin: 0 0 28px;
    color: color-mix(in srgb, var(--color0902) 62%, transparent);
}
.consultation-form { display: flex; flex-wrap: wrap; gap: 16px; }
.consultation-field {
    position: relative; flex: 1 1 15em; display: flex; align-items: center;
}
.consultation-full { flex-basis: 100%; align-items: flex-start; }
.consultation-field i {
    position: absolute; right: 16px; top: 18px;
    color: color-mix(in srgb, var(--color0902) 40%, transparent);
    font-size: 14px;
}
.consultation-field input, .consultation-field textarea {
    width: 100%; direction: rtl; text-align: right;
    font-family: Sahel-Light; font-size: 14px;
    padding: 15px 44px 15px 14px; border-radius: 14px; outline: none;
    color: var(--color0902);
    background: color-mix(in srgb, var(--color0901) 45%, transparent);
    border: 1px solid color-mix(in srgb, var(--color0902) 14%, transparent);
    transition: border-color 0.3s, box-shadow 0.3s;
    resize: vertical;
}
.consultation-field input::placeholder, .consultation-field textarea::placeholder {
    color: color-mix(in srgb, var(--color0902) 45%, transparent);
}
.consultation-field input:focus, .consultation-field textarea:focus {
    border-color: var(--color0903);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color0903) 15%, transparent);
}
.consultation-card form button {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; margin-top: 22px; cursor: pointer;
    font-family: Sahel-SemiBold; font-size: 15px; color: var(--color0901);
    padding: 14px 0; border: none; border-radius: 14px;
    background: linear-gradient(135deg, var(--color0903), var(--color0904));
    transition: transform 0.25s ease, box-shadow 0.3s ease;
}
.consultation-card form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--color0903) 40%, transparent);
}
@media screen and (max-width: 600px) {
    .consultation { margin: 40px 12px; }
    .consultation-card { padding: 34px 20px; }
    .consultation-card h2 { font-size: 24px; }
}