:root{--af-canvas:#0b121c;--af-canvas-2:#111a26;--af-surface:#131d2a;--af-surface-2:#1a2635;--af-line:#253345;--af-line-strong:#5a6b80;--af-ink:#edf2f7;--af-muted:#9fb0c3;--af-brand:#9fc6ff;--af-action:#d8f26b;--af-action-ink:#0b121c;--af-action-edge:transparent;--af-success:#5fd39a;--af-warning:#f5c451;--af-danger:#ff8a80;--af-glass:#131d2a9e;--af-glass-edge:#edf2f71a;--af-r-chip:6px;--af-r-input:10px;--af-r-card:16px;--af-r-sheet:24px;--af-r-pill:999px;--af-ease:cubic-bezier(.2, .8, .2, 1);--af-font:var(--font-sans), system-ui, sans-serif;--af-soft:var(--af-surface-2);--af-blue:var(--af-brand);--af-on-blue:#0b121c;--af-radius-control:var(--af-r-input);--af-radius-card:var(--af-r-card)}html[data-app-theme=light]{--af-canvas:#f8f9f5;--af-canvas-2:#f1f3ee;--af-surface:#fff;--af-surface-2:#eef1ec;--af-line:#d9ded6;--af-line-strong:#7d8794;--af-ink:#172338;--af-muted:#4f5d70;--af-brand:#2563eb;--af-action-ink:#172338;--af-action-edge:#4a6400;--af-success:#157f4c;--af-warning:#a15c00;--af-danger:#c4302b;--af-glass:#ffffffb3;--af-glass-edge:#1723381a;--af-on-blue:#fff}body{background:var(--af-canvas)!important;color:var(--af-ink)!important}.af-brand{white-space:nowrap;align-items:center;display:inline-flex}.af-brand img{width:auto;height:28px;display:block}.af-brand .af-brand-symbol{height:32px;display:none}.af-brand .af-brand-light,html[data-app-theme=light] .af-brand:not(.af-brand-dark-only) .af-brand-dark{display:none}html[data-app-theme=light] .af-brand:not(.af-brand-dark-only) .af-brand-light{display:block}html[data-app-theme] :is(.admin-shell,.account-shell,main[class*="bg-[#070a0f]"],main[class*="bg-[#080808]"]){background:var(--af-canvas)!important;color:var(--af-ink)!important}html[data-app-theme] :is(.admin-sidebar,.admin-topbar,.admin-mobile-dock,.account-header){background:var(--af-surface)!important;border-color:var(--af-line)!important;box-shadow:0 8px 30px #12203908!important}html[data-app-theme] .admin-topbar{border:1px solid var(--af-line);border-radius:var(--af-radius-card);margin:12px 16px 0;top:12px}html[data-app-theme] .admin-shell .admin-ambient{opacity:.2}html[data-app-theme] :is(.admin-shell,.account-shell) :is([class^=bg-white\/],[class*=" bg-white/"]){background-color:color-mix(in srgb,var(--af-surface) 85%,transparent)!important}html[data-app-theme] .admin-account-menu [role=menuitem]:hover{background:var(--af-soft)}html[data-app-theme] :is(.admin-shell,.account-shell) [class*=bg-black\/]{background-color:var(--af-soft)!important}html[data-app-theme] :is(.admin-shell,.account-shell) [class*=border-white\/]{border-color:var(--af-line)!important}html[data-app-theme] :is(.admin-shell,.account-shell) [class*=text-white\/]{color:var(--af-muted)!important}html[data-app-theme] :is(.admin-shell,.account-shell) .text-white{color:var(--af-ink)!important}body :is(main,.admin-shell) :is(section,article,form,div)[class*=rounded-3xl],body :is(main,.admin-shell) :is(section,article,form,div)[class*="rounded-[2rem]"]{border-radius:var(--af-radius-card)}body :is(main,.admin-shell) :is(input:not([type=radio]):not([type=checkbox]),textarea,select){border-radius:var(--af-radius-control)}body .admin-shell :is(button,a).rounded-full:not(:has(img)){border-radius:var(--af-radius-control)}html[data-app-theme] :is(.admin-shell,.account-shell) .accent-gradient,html[data-app-theme] main:not(.portfolio-shell):not(#main-content) button.accent-gradient{box-shadow:inset 0 0 0 1px var(--af-action-edge);background:var(--af-action)!important;color:var(--af-action-ink)!important}html[data-app-theme] .admin-shell [class*=violet]{color:var(--af-blue);border-color:var(--af-line)}html[data-app-theme] .admin-shell a[class*=bg-\[linear-gradient]{background:var(--af-soft)}.portfolio-shell :is(#contact form,#contact a){border-radius:var(--af-radius-card)}.portfolio-shell #contact button{border-radius:var(--af-radius-control)}.portfolio-shell .portfolio-navigation[data-scrolled=true]{border-radius:var(--af-radius-card);margin-inline:12px;width:auto;margin-top:10px}.af-icon-button{border:1px solid var(--af-line);border-radius:var(--af-radius-control);background:var(--af-surface);min-width:42px;height:42px;color:var(--af-ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px;display:inline-flex;position:relative}.af-icon-button:hover{background:var(--af-soft)}.af-icon-button:focus-visible{outline:2px solid var(--af-blue);outline-offset:3px}.af-inbox-count{color:var(--af-blue);font-size:11px;font-weight:700}.af-activity{position:relative}.hero-about-card{background:color-mix(in srgb, var(--portfolio-surface) 94%, transparent);border-color:var(--af-line);color:var(--portfolio-fg);box-shadow:0 8px 24px #1220390d}.portfolio-shell[data-theme=light] .hero-stage[data-has-video=true] .hero-stage-title,.portfolio-shell[data-theme=light] .hero-stage[data-has-video=true] .hero-stage-title+p{filter:none;text-shadow:0 2px 6px #0009,0 0 18px #0004;color:#fff!important}.admin-topbar>div{flex-wrap:wrap}.admin-topbar>div>.min-w-0{min-width:120px}.af-activity-dot{top:7px;background:#d97706;border-radius:50%;width:6px;height:6px;position:absolute;inset-inline-end:7px}.af-activity-panel{inset-inline-end:0;border:1px solid var(--af-line);border-radius:var(--af-radius-card);background:var(--af-surface);width:min(320px,100vw - 32px);color:var(--af-ink);z-index:100;padding:20px;position:absolute;top:calc(100% + 12px);box-shadow:0 16px 44px #0002}.af-activity-panel h2{font-size:16px;font-weight:750}.af-activity-panel p{color:var(--af-muted);margin:14px 0;font-size:13px;line-height:1.7}.af-activity-panel :is(a,button){text-align:start;width:100%;color:var(--af-blue);background:var(--af-soft);border-radius:10px;margin-top:8px;padding:12px;font-size:13px;display:block}.af-activity-panel small{color:var(--af-muted);margin-top:14px;font-size:11px;display:block}@media (max-width:639px){.af-brand img{height:24px}.af-brand-compact .af-brand-wordmark{display:none!important}.af-brand-compact .af-brand-symbol{display:block}html[data-app-theme] .admin-topbar{margin:8px 8px 0;top:8px}.af-activity-panel{inset-inline:16px;width:auto;position:fixed;top:138px}}@media (prefers-reduced-motion:no-preference){.af-icon-button{transition:background-color .16s}.af-activity-panel{animation:.16s ease-out af-panel-in}@keyframes af-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}html[lang=ar] :is(h1,h2){letter-spacing:0;line-height:1.45}html[lang=ar] h3{letter-spacing:0;line-height:1.5}.portfolio-shell[data-template=minimal] :is(.hero-marquee,.hero-grid,.card-shimmer){display:none}.portfolio-shell[data-template=minimal] .hero-stage{min-height:78svh}.portfolio-shell[data-template=minimal] :is(.hero-stage-title,h2,h3){font-weight:600}.portfolio-shell[data-template=minimal] p[class*=uppercase]{text-transform:none;letter-spacing:.02em}.portfolio-shell[data-template=minimal] .hero-stage-title{filter:none;text-shadow:none}.portfolio-shell[data-template=bold] :is(.hero-stage-title,h2,h3){font-weight:900}html:not([lang=ar]) .portfolio-shell[data-template=bold] :is(.hero-stage-title,h2){text-transform:uppercase;letter-spacing:-.03em;line-height:.95}html:not([lang=ar]) .portfolio-shell[data-template=bold] h3{text-transform:uppercase;letter-spacing:-.01em}.portfolio-shell[data-template=bold] h2{font-size:clamp(2.6rem,6vw,5.5rem)}.portfolio-shell[data-template=bold] h2:after{content:"";background:var(--accent-mid);border-radius:999px;width:72px;height:6px;margin-top:18px;display:block}.portfolio-shell[data-template=bold] #projects button.group{border-width:2px}.profile-card-content>section{border-radius:1.75rem;margin-block-end:1.5rem}.profile-card-content>section:first-child{padding-block-start:1.5rem}.profile-card-content h2{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.2}.profile-card-content #projects>*{padding-inline:0}.portfolio-shell[data-theme=light] .profile-card{border-color:#1723381f}.reel-tile video,.reel-tile img{display:block}.reel-sound-hint{animation:.8s forwards reel-sound-hint}@keyframes reel-sound-hint{0%,55%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.reel-sound-hint{animation-duration:10ms;animation-delay:.6s}}.portfolio-shell[data-template=minimal] .hero-stage{flex-direction:column-reverse;justify-content:flex-end;gap:2.5rem;min-height:0;padding-block:7rem 3rem;display:flex}.portfolio-shell[data-template=minimal] .hero-stage>.absolute.inset-0.z-0{aspect-ratio:21/9;border-radius:1.5rem;width:min(68rem,100% - 2.5rem);margin-inline:auto;position:relative;inset:auto;overflow:hidden}.portfolio-shell[data-template=minimal] .hero-stage>.absolute.inset-0.z-0>div:not(:first-child){display:none}.portfolio-shell[data-template=minimal] .hero-stage-content{text-align:center;align-items:center;min-height:0;padding-block:0}.portfolio-shell[data-template=minimal] .hero-stage-content>div{text-align:center;max-width:44rem;margin-inline:auto}.portfolio-shell[data-template=minimal] .hero-stage-content .flex{justify-content:center}html .portfolio-shell[data-template=minimal] .hero-stage[data-has-video] .hero-stage-title{text-shadow:none;filter:none;font-size:clamp(2.5rem,5vw,4.25rem);color:var(--portfolio-fg)!important}html .portfolio-shell[data-template=minimal] .hero-stage[data-has-video] .hero-stage-title+p{filter:none;color:color-mix(in srgb, var(--portfolio-fg) 70%, transparent)!important}.portfolio-shell[data-template=minimal] #projects button.group{background:0 0;border-color:#0000}.portfolio-shell[data-template=bold] .hero-stage{--hero-video-overlay:linear-gradient(0deg, var(--accent-deep) 4%, color-mix(in srgb, var(--accent-deep) 55%, transparent) 46%, #00000040 100%);--hero-color-wash:none}.portfolio-shell[data-template=bold] .hero-stage-content{justify-content:flex-end;max-width:none;padding-block-end:2.5rem}.portfolio-shell[data-template=bold] .hero-stage-content>div{width:100%;max-width:100%}.portfolio-shell[data-template=bold] .hero-stage .hero-stage-title{filter:none;max-width:100%;font-size:clamp(3.5rem,12.5vw,13rem);line-height:1}html[lang=ar] .portfolio-shell[data-template=bold] .hero-stage .hero-stage-title{line-height:1.2}.portfolio-shell[data-template=bold] .hero-stage-content>div>p:first-child{color:#fff}html[data-app-theme=light] .af-always-dark,html[data-app-theme=light] .af-always-dark .text-white,.portfolio-shell[data-theme=light] .af-always-dark,.portfolio-shell[data-theme=light] .af-always-dark .text-white{color:#fff!important}html[data-app-theme=light] .af-always-dark [class*=text-white\/]{color:#ffffffb8!important}html[data-app-theme=light] .af-always-dark [class*=border-white\/]{border-color:#fff3!important}html[data-app-theme=light] .af-always-dark :is([class^=bg-white\/],[class*=" bg-white/"]){background-color:#ffffff1a!important}.hero-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.hero-marquee-run{width:max-content;animation:60s linear infinite hero-marquee;display:flex}.hero-marquee-rtl{animation-direction:reverse}.hero-marquee-track{color:var(--portfolio-fg,#fff);flex-shrink:0;align-items:center;font-size:13px;font-weight:600;display:flex}.hero-marquee-track li{opacity:.62;white-space:nowrap;align-items:center;display:flex}.hero-marquee-track li:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-inline:22px}@keyframes hero-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hero-marquee-run{animation:none}}