:root {
--ksu-blue: #006c9a;
--ksu-dark: #0b2a3c;
--bg-light: #f6f8fb;
--card: #ffffff;
--shadow: 0 4px 16px rgba(0,0,0,.06);
--radius: 18px;
}
@media (prefers-color-scheme: dark) {
:root {
--card: #0f172aCC;
--bg-light: #0d1e28;
}
}
.contact-wrap {
direction: rtl;
font-family: "Tajawal","Cairo","IBM Plex Sans Arabic",system-ui,sans-serif;
background: var(--bg-light);
padding: clamp(24px, 3.5vw, 48px);
position: relative;
overflow: hidden;
}
.contact-wrap::before {
content: "";
position: absolute;
