:root{--bg: #000000;--surface: #0A0A0A;--surface-raised: #111111;--surface-overlay: #1A1A1A;--text-primary: #F5F5F5;--text-secondary: #71717A;--text-tertiary: #52525B;--accent: #A3E635;--accent-dim: rgba(163, 230, 53, .5);--accent-glow: rgba(163, 230, 53, .12);--accent-ghost: rgba(163, 230, 53, .06);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-accent: rgba(163, 230, 53, .2);--glass-bg: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));--glass-blur: blur(24px) saturate(140%);--glass-radius: 20px;--font-ar: "IBM Plex Sans Arabic", sans-serif;--font-en: "Rubik", sans-serif;--section-gap: clamp(80px, 12vw, 140px);--container-px: clamp(20px, 5vw, 48px);--container-max: 880px;--ease: cubic-bezier(.25, .46, .45, .94);--duration: .3s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{font-family:var(--font-ar);background:var(--bg);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--bg)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-px)}.container--narrow{max-width:640px}.section{padding-block:var(--section-gap)}.section__title{font-size:clamp(.85rem,1.5vw,.95rem);font-weight:500;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:2rem;display:flex;align-items:center;gap:10px}.section__title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--container-px);transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease);border-bottom:1px solid transparent}.nav--scrolled{background:#000c;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom-color:var(--border)}.nav__logo{font-family:var(--font-en);font-size:1rem;font-weight:600;color:var(--accent);letter-spacing:.01em;white-space:nowrap}.nav__menu-wrapper{position:relative}.nav__menu-btn{display:flex;align-items:center;gap:4px;padding:8px;border-radius:8px;transition:background var(--duration) var(--ease)}.nav__menu-btn:hover{background:#ffffff0f}.nav__menu-btn span{display:block;width:5px;height:5px;border-radius:50%;background:var(--text-primary)}.nav__dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;padding:8px;border-radius:14px;background:#141414d9;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #00000080;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transform-origin:top left;transition:opacity .2s var(--ease),visibility .2s var(--ease),transform .2s var(--ease)}.nav__dropdown--open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.nav__dropdown-link{display:block;padding:10px 16px;font-size:.88rem;font-weight:400;color:var(--text-primary);border-radius:8px;transition:background var(--duration) var(--ease)}.nav__dropdown-link:hover{background:#ffffff14}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__poster,.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.65;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);pointer-events:none}.hero__video{opacity:0}.hero__video--ready{opacity:.65}.hero__poster--hidden{display:none}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);pointer-events:none}.hero__content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero__name{font-family:var(--font-ar);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.hero__surname{font-family:var(--font-ar);font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1.1;color:var(--accent);letter-spacing:-.02em;margin-top:-.75rem}.hero__socials{display:flex;align-items:center;gap:1.25rem;margin-top:1rem}.hero__socials a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff1a;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.08);color:#ffffff80;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease),background var(--duration) var(--ease),transform var(--duration) var(--ease)}.hero__socials a:nth-child(1){color:#e4405f}.hero__socials a:nth-child(2){color:#fff}.hero__socials a:nth-child(3){color:#26a5e4}.hero__socials a:nth-child(4){color:#25d366}.hero__socials a:nth-child(5){color:#fff}.hero__socials a:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px)}.hero__socials svg{width:20px;height:20px}.hero__cursor:after{content:"";display:inline-block;width:3px;height:.65em;background:var(--accent);margin-inline-start:6px;vertical-align:middle;animation:blink 1s step-end infinite;border-radius:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__title{font-family:var(--font-ar);font-size:clamp(.95rem,2vw,1.2rem);color:var(--text-primary);font-weight:400;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.hero__dot{color:#fff6;font-size:.75em}.hero__accent{color:var(--accent);font-family:var(--font-en);font-weight:600}.hero__tagline{font-size:clamp(.9rem,1.8vw,1.05rem);color:#ffffffb3;font-weight:300;margin-top:.5rem}.hero__scroll{margin-top:3rem;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease);animation:float 3s ease-in-out infinite}.hero__scroll:hover{border-color:var(--border-hover);color:var(--text-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--glass-radius);transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.about__card{padding:clamp(1.5rem,4vw,2.5rem)}.about__status{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--accent);font-weight:500;margin-bottom:1.25rem}.about__status-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--accent)}.about__status-dot:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid var(--accent-dim);animation:pulse-ring 2.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2);opacity:0}}.about__text{font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.85;color:var(--text-primary);font-weight:400}.about__location{display:flex;align-items:center;gap:6px;margin-top:1.5rem;font-size:.85rem;color:var(--text-secondary)}.about__location svg{flex-shrink:0}.skills__grid{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;padding:8px 20px;font-size:.85rem;font-family:var(--font-en);font-weight:400;color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;background:var(--surface);transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);cursor:default;white-space:nowrap}.pill:hover{border-color:var(--border-accent);color:var(--text-primary);box-shadow:0 0 16px var(--accent-ghost)}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{padding:clamp(1.25rem,3vw,1.75rem);display:flex;flex-direction:column;cursor:default}.project-card:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 12px 40px #a3e6350a}.project-card__accent{width:32px;height:2px;border-radius:1px;background:var(--accent);opacity:.6;margin-bottom:1.25rem}.project-card__name{font-family:var(--font-en);font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.project-card__subtitle{font-family:var(--font-en);font-size:.8rem;color:var(--text-tertiary);font-weight:400;margin-bottom:.75rem}.project-card__desc{font-size:.88rem;line-height:1.7;color:var(--text-secondary);flex:1;margin-bottom:1rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag{font-family:var(--font-en);font-size:.72rem;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--surface-overlay);color:var(--text-tertiary);border:1px solid var(--border);letter-spacing:.02em}.links__list{display:flex;flex-direction:column;gap:10px}.link-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;cursor:pointer;text-decoration:none}.link-card:hover{border-color:var(--border-hover);background:#ffffff08}.link-card:hover .link-card__arrow{transform:translate(-3px,-3px);color:var(--accent)}.link-card__icon{width:22px;height:22px;flex-shrink:0;color:var(--text-secondary)}.link-card__body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.link-card__platform{font-size:.9rem;font-weight:500;color:var(--text-primary)}.link-card__handle{font-family:var(--font-en);font-size:.78rem;color:var(--text-tertiary);direction:ltr;text-align:start}.link-card__arrow{width:14px;height:14px;flex-shrink:0;color:var(--text-tertiary);transition:transform var(--duration) var(--ease),color var(--duration) var(--ease)}.footer{padding-block:3rem;border-top:1px solid var(--border)}.footer__text{text-align:center;font-size:.8rem;color:var(--text-tertiary);font-weight:400}[data-reveal],[data-stagger]>*{opacity:0;transform:translateY(24px)}@media(max-width:768px){.projects__grid{grid-template-columns:1fr}.nav__links{gap:1.25rem}.hero__title{gap:.35rem}}@media(max-width:480px){.nav__link{font-size:.8rem}.link-card{padding:14px 16px;gap:12px}.pill{padding:6px 16px;font-size:.8rem}.hero__scroll{margin-top:2rem}}