/* Base Variables and Reset */
:root {
  --bg: #0B111E;      /* Custom Dark Blue */
  --fg: #E2E8F0;      /* Slate 200 */
  --muted: #94A3B8;    /* Slate 400 */
  --line: #1E293B;     /* Slate 800 */
  --card-bg: #161D2B; /* Custom Darker Blue */
  --accent: #2dd4bf;    /* Teal 400 */
  --accent-dark: #5eead4; /* Teal 300 */
  --radius: 10px;
  --shadow: 0 10px 30px rgba(0,0,0,.25);
}

*{box-sizing:border-box}
html,body{height:100%}
html {
  scroll-behavior: smooth;
}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 "Tajawal",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;direction:rtl;text-align:right}

::selection {
  background-color: var(--accent);
  color: var(--bg);
}

/* Utility Classes */
.muted{color:var(--muted)}
.lead{font-size:1.125rem; color: var(--muted);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Icon styles */
.icon {
    vertical-align: middle;
    margin-inline-end: 8px;
    color: var(--muted);
}
.trust-notes .icon { color: inherit; }

/* Container and Layout */
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:88px 0; position: relative; overflow: hidden;}
.section.alt{background: linear-gradient(180deg, var(--card-bg) 0%, var(--bg) 100%); border-top:1px solid var(--line);border-bottom:1px solid var(--line)}