*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}::selection{background-color:var(--primary);color:#000}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes revealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes revealFade{0%{opacity:0}to{opacity:1}}.reveal{animation:.8s cubic-bezier(.16,1,.3,1) forwards revealUp}.reveal-fade{animation:1.2s forwards revealFade}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}html{--font-display:var(--font-el-messiri,"El Messiri"), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:var(--font-el-messiri,"El Messiri"), var(--font-fraunces,Georgia), serif;--font-sans:var(--font-el-messiri,"El Messiri"), var(--font-noto-arabic,sans-serif), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:var(--font-display);--font-logo:var(--font-display);--font-mono:var(--font-mono-jb,"JetBrains Mono"), "Fira Code", monospace;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 15% 50%, color-mix(in srgb, var(--primary) 15%, transparent) 0%, transparent 50%), radial-gradient(circle at 85% 30%, color-mix(in srgb, var(--secondary) 15%, transparent) 0%, transparent 50%), radial-gradient(circle at 50% 80%, color-mix(in srgb, var(--accent) 15%, transparent) 0%, transparent 50%);z-index:-1;pointer-events:none;width:140vw;height:140vh;animation:20s ease-in-out infinite alternate ambientBackground;position:fixed;top:-20vh;left:-20vw}@keyframes ambientBackground{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(2%,3%)}to{transform:scale(1)translate(-2%,-1%)}}a{color:var(--link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--link-hover)}img{max-width:100%;height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.reveal-pending{opacity:0;transform:translateY(16px)}.reveal-in{opacity:1;transition:opacity var(--motion-slow) var(--ease-out-quint), transform var(--motion-slow) var(--ease-out-quint);transform:translateY(0)}.reveal-stagger>*{transition-delay:var(--reveal-delay,0s)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-fade-up{opacity:0;animation:heroFadeUp var(--motion-slow) var(--ease-out-quint) forwards;animation-delay:var(--hero-delay,0s)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-pending{opacity:1;transform:none}body:before{animation:none!important}}
