:root{--petrol: #16506b;--petrol-night: #0f3d52;--orange: #f58220;--on-orange: #1b1206;--orange-text: #a34f07;--teal: #1b7f95;--teal-text: #176e80;--teal-bright: #5fc1d4;--paper: #f7fbfd;--surface: #ffffff;--sky: #eaf4f9;--ink: #122a36;--ink-muted: #4a6070;--line: #dbe8ef;--on-night: #ffffff;--on-night-muted: #c9dbe4;--on-night-accent: #ffb070;--mist: #bcd3de;--line-night: #245a72;--on-footer-muted: #b5c7d1;--status-ok: #1c6b47;--status-ok-bg: #dff3ea;--status-late: #9c2f1c;--status-late-bg: #fde6e1;--font-sans: "Readex Pro", "Segoe UI", Tahoma, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--fs-display-hero: clamp(2rem, 4.2vw, 3.125rem);--fs-display-section: clamp(1.625rem, 3vw, 2.1875rem);--fs-title: 1.125rem;--fs-body-lead: 1.0625rem;--fs-body: 1rem;--fs-small: .875rem;--fs-button: .9375rem;--fs-eyebrow: .75rem;--fs-code: .875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 40px;--space-section: 72px;--radius-dot: 3px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-frame: 0 24px 60px rgba(0, 0, 0, .35);--page-width: 72rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);line-height:1.6}:lang(ar) body,body:lang(ar){line-height:1.8}:lang(ar) .eyebrow{font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-size:var(--fs-small)}h1,h2,h3{text-wrap:balance}a{color:var(--petrol)}a:focus-visible,button:focus-visible{outline:3px solid var(--petrol);outline-offset:2px}.site-header :focus-visible,.home-hero :focus-visible,.page-hero :focus-visible,.signin .side :focus-visible,.cta :focus-visible,.site-footer :focus-visible{outline-color:var(--orange)}.skip-link{position:absolute;inset-inline-start:var(--space-4);inset-block-start:-100px;z-index:10;padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--petrol);border-radius:var(--radius-md);font-weight:600}.skip-link:focus{inset-block-start:var(--space-2)}.container{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--space-5)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.dom{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-text)}.btn{display:inline-flex;align-items:center;white-space:nowrap;border-radius:var(--radius-md);padding:12px 18px;font-family:var(--font-sans);font-weight:600;font-size:var(--fs-button);line-height:1.2;border:1.5px solid transparent;cursor:pointer;text-decoration:none}.btn:hover{filter:brightness(1.08)}.btn-primary{background:var(--petrol);color:var(--on-night)}.btn-accent{background:var(--orange);color:var(--on-orange)}.btn-ghost{border-color:var(--petrol);color:var(--petrol)}.btn-ghost-night{border-color:var(--mist);color:var(--on-night)}.btns{display:flex;flex-wrap:nowrap;gap:var(--space-3)}@media(max-width:480px){.btns .btn{padding:10px 13px;font-size:var(--fs-small)}}@media(max-width:360px){.btns .btn{white-space:normal;text-align:center;min-inline-size:0}}.btn-small{padding:8px 14px;font-size:var(--fs-small)}.button{display:inline-block;padding-inline:var(--space-4);padding-block:var(--space-2);background:var(--petrol);color:var(--on-night);text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:var(--fs-body);font-weight:600}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.3rem;letter-spacing:-.01em;color:var(--petrol);text-decoration:none}.logo svg{inline-size:34px;block-size:34px;flex:none}.logo .x{color:var(--orange)}.logo-night{color:var(--on-night)}.site-header{background:var(--petrol-night);color:var(--on-night)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-block:18px;border-block-end:1px solid var(--line-night)}.site-nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);list-style:none;margin:0;padding-inline-start:0;font-size:var(--fs-small)}.site-nav li{white-space:nowrap}.site-nav a{display:inline-block;padding-block:var(--space-2);text-decoration:none;color:var(--on-night-muted)}.site-nav a:hover{color:var(--on-night)}.site-nav a[aria-current=page]{color:var(--on-night);box-shadow:inset 0 -2px 0 var(--orange)}.site-header .end{display:flex;align-items:center;gap:var(--space-4)}.lang-switcher{display:inline-flex;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-eyebrow)}.lang-switcher a{display:inline-block;padding-block:var(--space-2);color:var(--mist);text-decoration:none}.lang-switcher a[aria-current=true]{color:var(--on-night);font-weight:500;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:6px}.lang-switcher a:lang(ar){font-family:var(--font-sans)}main{min-height:60vh}main.container{padding-block:var(--space-8)}main h1{margin-block-end:var(--space-4);color:var(--ink)}main section{margin-block-end:var(--space-6)}.notice{padding:var(--space-4);border-inline-start:4px solid var(--petrol);background:var(--sky);margin-block-end:var(--space-4)}.site-footer{background:var(--ink);color:var(--on-footer-muted);padding-block:var(--space-8) 28px;font-size:var(--fs-small)}.site-footer .grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px}.site-footer .brand{display:flex;flex-direction:column;gap:var(--space-3)}.site-footer h2{margin:0 0 10px;color:var(--on-night);font-size:var(--fs-small);font-weight:600}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.site-footer li a{display:inline-block;padding-block:5px}.site-footer a{color:var(--on-footer-muted);text-decoration:none}.site-footer a:hover{color:var(--on-night)}.site-footer .bottom{margin-block-start:32px;padding-block-start:18px;border-block-start:1px solid var(--line-night);display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-size:var(--fs-eyebrow)}.site-footer .lang-switcher a{color:var(--on-footer-muted)}.site-footer .lang-switcher a[aria-current=true]{color:var(--on-night)}@media(max-width:860px){.site-footer .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.site-footer .grid{grid-template-columns:1fr}}main:focus{outline:none}