:root{--bg:#0a1628;--bg-elevated:#0f1f38;--bg-elevated-2:#13284a;--border:#ffffff14;--border-strong:#ffffff29;--text:#fff;--text-muted:#a9b4c6;--text-dim:#7d8ba3;--accent:#1a73ff;--accent-hover:#3d8bff;--accent-strong:#1668e8;--accent-text:#5c9dff;--accent-soft:#1a73ff1f;--accent-line:#1a73ff66;--success:#4fe08c;--warning:#e0c04a;--danger:#f07a7a;--danger-text:#f5a3a3;--violet:#c79bf0;--radius-sm:6px;--radius:10px;--radius-lg:14px;--container:1200px;--gutter:clamp(16px,4vw,40px);--section-y:clamp(64px,10vw,112px);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--shadow-hover:0 10px 30px #00000059;--ease-out:cubic-bezier(.22,1,.36,1);--font-heading:"Space Grotesk","IBM Plex Sans Arabic","Space Grotesk Fallback","IBM Plex Sans Arabic Fallback",system-ui,sans-serif;--font-body:"Inter","IBM Plex Sans Arabic","Inter Fallback","IBM Plex Sans Arabic Fallback",system-ui,sans-serif;--font-code:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--font-mono:var(--font-code);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:80px}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07122a;min-height:100dvh;font-size:16px;line-height:1.6;overflow-x:clip}main{width:100%;overflow-x:clip}section{content-visibility:auto;contain-intrinsic-size:auto 700px}#hero{content-visibility:visible}[lang=ar]{--font-mono:var(--font-body)}[lang=en]{--font-mono:var(--font-code)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.15}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3,:lang(ar) h4{letter-spacing:0;line-height:1.35}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;height:auto;display:block}ul{list-style:none}::selection{background:var(--accent-strong);color:#fff}:focus-visible{outline:2px solid var(--accent-hover);outline-offset:3px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-elevated-2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y);border-block-start:1px solid var(--border);position:relative}#about,#projects,#skills,#volunteering{background:#0a16288c}#strengths,#experience,#education,#contact{background:#060e1cb8}.eyebrow{align-items:center;gap:var(--s-2);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-block-end:var(--s-3);font-size:12px;font-weight:600;display:inline-flex}.eyebrow[data-index]:before{content:attr(data-index)" /";color:var(--text-dim)}:lang(ar) .eyebrow{letter-spacing:0;font-family:var(--font-body);font-size:13px}.section-title{color:var(--text);font-size:clamp(1.75rem,3.4vw,2.5rem)}.section-head{margin-block-end:var(--s-7)}.section-head.center{text-align:center}.accent-bar{background:var(--accent);width:40px;height:3px;border-radius:2px;margin-block-start:var(--s-4);display:block}.center .accent-bar{margin-inline:auto}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .25s var(--ease-out),border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.card-interactive:hover{border-color:var(--accent-line);background:var(--bg-elevated-2);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--radius-sm);height:44px;font-family:var(--font-body);white-space:nowrap;border:1px solid #0000;padding:0 22px;font-size:15px;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-strong);color:#fff}.btn-primary:hover{background:#1259c6}.btn-outline{color:#fff;background:0 0;border-color:#ffffff4d}.btn-outline:hover{background:#ffffff0f;border-color:#fff}.btn:focus-visible{outline-offset:2px;box-shadow:0 0 0 5px var(--accent-soft);outline:2px solid #fff}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.todo{outline-offset:2px;background:#f5b84b14;outline:1px dashed #f5b84b;color:#f5d08b!important}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--accent-strong);color:#fff;padding:10px 16px;font-weight:600;transition:transform .2s;position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reveal{opacity:0;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transition-delay:calc(var(--reveal-i,0)*80ms);transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}