@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap";:root{--radius: 18px;--maxw: 1120px;--font-en: "Inter", system-ui, sans-serif;--font-ar: "Tajawal", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--shadow: 0 24px 60px -30px rgba(0, 0, 0, .55)}:root,[data-theme=dark]{--bg: #15161a;--bg-soft: #1a1b20;--bg-card: #212329;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #e6e7ea;--text-muted: #a2a5ad;--text-dim: #71747d;--fg-strong: #e6e7ea;--fg-strong-ink: #17181c;--photo-filter: grayscale(1) contrast(1.02) brightness(1.02)}[data-theme=light]{--bg: #f4f4f2;--bg-soft: #ecece9;--bg-card: #ffffff;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--text: #1c1d20;--text-muted: #565962;--text-dim: #8b8e95;--fg-strong: #1c1d20;--fg-strong-ink: #f4f4f2;--photo-filter: grayscale(1) contrast(1.02);--shadow: 0 24px 55px -32px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-en);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .4s var(--ease),color .4s var(--ease)}html[dir=rtl] body{font-family:var(--font-ar);line-height:1.85}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg{display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 26px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:999px;font-weight:600;font-size:.98rem;cursor:pointer;border:1px solid transparent;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s}.btn--solid{background:var(--fg-strong);color:var(--fg-strong-ink)}.btn--solid:hover{transform:translateY(-3px)}.btn--outline{border-color:var(--border-strong);color:var(--text)}.btn--outline:hover{transform:translateY(-3px);border-color:var(--text-muted)}.section{padding:120px 0}.section__head{margin-bottom:46px;max-width:760px}.kicker{display:inline-block;font-size:.76rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent, var(--text-dim));font-weight:700;margin-bottom:14px}html[dir=rtl] .kicker{letter-spacing:.06em}.section__title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.18}.top-controls{position:fixed;top:20px;inset-inline-start:22px;z-index:60;display:flex;gap:10px}.ctl-btn{height:42px;min-width:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:var(--font-en);font-weight:700;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--ease),border-color .25s,background .25s}.ctl-btn:hover{transform:translateY(-2px);border-color:var(--border-strong)}.ctl-btn--icon{padding:0}.scroll-top{position:fixed;bottom:22px;right:22px;z-index:60;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;box-shadow:var(--shadow);transition:opacity .35s var(--ease),transform .35s var(--ease),border-color .25s}.scroll-top.is-visible{opacity:1;transform:none;pointer-events:auto}.scroll-top:hover{transform:translateY(-3px);border-color:var(--border-strong)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:100px 0 40px}.hero__grid{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 26px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero__text{animation:fadeUp .9s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero__location{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted);padding:7px 15px;border:1px solid var(--border);border-radius:999px;margin-bottom:22px}.hero__greeting{color:var(--text-muted);font-size:1.1rem;margin-bottom:6px}.hero__name{font-size:clamp(2.4rem,6.5vw,4.4rem);font-weight:800;line-height:1.06;letter-spacing:-.01em;background:linear-gradient(120deg,var(--text) 55%,var(--accent, var(--text)));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__title{font-size:clamp(1.05rem,2.4vw,1.5rem);color:var(--text-muted);font-weight:600;margin-top:14px}.hero__bio{max-width:520px;color:var(--text-muted);font-size:1.06rem;margin-top:20px}.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero__photo{position:relative;height:78vh;max-height:680px;display:flex;align-items:flex-end;justify-content:center}.hero__photo:after{content:"";position:absolute;inset:auto 0 0 0;height:62%;background:radial-gradient(60% 100% at 50% 100%,var(--border) 0%,transparent 70%);z-index:0}.hero__photo img{position:relative;z-index:1;max-height:100%;max-width:100%;width:auto;object-fit:contain;filter:var(--photo-filter);animation:fadeUp 1s var(--ease) .1s both}.about{background:var(--bg-soft)}.about__body{font-size:1.16rem;color:var(--text-muted);max-width:840px;line-height:1.95}.edu-card{margin-top:34px;display:flex;align-items:center;gap:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 26px;max-width:560px}.edu-card__icon{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);color:var(--text-muted)}.edu-card__label{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.edu-card__degree{font-weight:700;margin-top:3px}.edu-card__uni{color:var(--text-muted);font-size:.95rem}.employer{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:10px 20px;margin-bottom:22px}.employer__icon{display:inline-flex;color:var(--text-muted)}.employer__role{font-weight:700}.employer__sep{color:var(--text-dim)}.employer__company{color:var(--text-muted)}.experience__intro{font-size:1.1rem;color:var(--text-muted);max-width:820px;margin-bottom:44px}.pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.pc{position:relative;background:linear-gradient(160deg,var(--pc-tint, transparent),var(--pc-tint-soft, transparent)),var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:30px 28px 26px;cursor:pointer;overflow:hidden;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}.pc:before{content:"";position:absolute;inset-inline-start:0;top:0;width:100%;height:4px;background:var(--pc-accent, var(--border-strong));opacity:.55;transition:opacity .35s}.pc{border-color:var(--pc-border, var(--border))}.pc:hover{transform:translateY(-6px);border-color:var(--pc-accent, var(--border-strong));box-shadow:var(--shadow)}.pc:hover:before{opacity:1}.pc__logo{position:absolute;top:22px;inset-inline-end:24px;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;box-shadow:0 4px 14px -6px #0006}.pc__logo img{width:78%;height:78%;object-fit:contain}.pc__name{display:inline-block;font-size:1.16rem;font-weight:700;line-height:1.4;margin-inline-end:54px;transition:color .2s}.pc__name:hover{text-decoration:underline;text-underline-offset:3px}.pc__role{color:var(--text-muted);font-size:.92rem;margin-top:8px}.pc__summary{color:var(--text-muted);margin-top:14px;line-height:1.7}.pc__more{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-weight:600;font-size:.92rem;color:var(--text)}.pc__more-arrow{transition:transform .3s var(--ease)}html[dir=rtl] .pc__more-arrow{transform:scaleX(-1)}.pc:hover .pc__more-arrow{transform:translate(4px)}html[dir=rtl] .pc:hover .pc__more-arrow{transform:scaleX(-1) translate(4px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:40px 18px;overflow-y:auto;animation:modalFade .3s var(--ease)}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal__panel{position:relative;width:100%;max-width:720px;background:linear-gradient(180deg,var(--pc-tint, transparent),transparent 220px),var(--bg-card);border:1px solid var(--pc-border, var(--border));border-radius:22px;padding:34px;box-shadow:var(--shadow);animation:modalUp .4s var(--ease)}@keyframes modalUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.modal__close{position:absolute;top:18px;inset-inline-end:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;transition:transform .25s var(--ease),border-color .25s}.modal__close:hover{transform:rotate(90deg);border-color:var(--border-strong)}.modal__head{display:flex;align-items:center;gap:18px;padding-inline-end:44px}.modal__logo{width:62px;height:62px;flex-shrink:0;border-radius:50%;background:#fff;border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}.modal__logo img{width:78%;height:78%;object-fit:contain}.modal__client{font-size:1.3rem;font-weight:800;line-height:1.35}.modal__role{color:var(--text-muted);font-size:.95rem;margin-top:5px}.modal__role-label{color:var(--text-dim)}.modal__section{margin-top:28px}.modal__subtitle{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:700;margin-bottom:14px}html[dir=rtl] .modal__subtitle{letter-spacing:.04em}.modal__list{display:flex;flex-direction:column;gap:12px}.modal__list li{display:flex;gap:12px;color:var(--text-muted);line-height:1.7}.modal__check{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--pc-tint, var(--bg-soft));color:var(--pc-accent, var(--text));margin-top:2px}.modal__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modal__shot{border-radius:14px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4 / 3;background:var(--bg-soft)}.modal__shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.modal__shot:hover img{transform:scale(1.05)}.skills{background:var(--bg-soft)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.skill-chip{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px 22px;font-weight:500;transition:transform .25s var(--ease),border-color .25s}.skill-chip:hover{transform:translateY(-4px);border-color:var(--border-strong)}.skill-chip__bar{width:4px;height:22px;border-radius:4px;background:var(--accent, var(--text-dim));flex-shrink:0}.contact__body{color:var(--text-muted);font-size:1.1rem;margin-top:14px}.contact__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.contact-card{display:flex;flex-direction:column;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 26px;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.contact-card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:var(--shadow)}.contact-card__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);color:var(--accent, var(--text-muted));margin-bottom:8px}.contact-card__label{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.contact-card__value{font-weight:600;font-size:1rem;word-break:break-word}.footer{border-top:1px solid var(--border);background:var(--bg-soft)}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:26px 0}.footer__name{font-weight:700}.footer__copy{color:var(--text-dim);font-size:.9rem}.footer__admin{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--text-dim);border:1px solid transparent;transition:color .2s,border-color .2s,transform .2s}.footer__admin:hover{color:var(--text);border-color:var(--border);transform:translateY(-2px)}@media (max-width: 860px){.hero{min-height:auto;padding:120px 0 60px}.hero__grid{grid-template-columns:1fr;gap:24px;text-align:center}.hero__location,.hero__bio{margin-inline:auto}.hero__cta{justify-content:center}.hero__photo{height:56vh;order:-1}.section{padding:84px 0}}@media (max-width: 520px){.modal__panel{padding:26px 20px}.modal__gallery{grid-template-columns:1fr}.modal__head{flex-direction:column;text-align:center;align-items:center;padding-inline-end:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}.adm,.adm-login,.adm-loading{direction:rtl;font-family:Tajawal,system-ui,sans-serif;color:#e6e7ea;background:#14151a;min-height:100vh}.adm *{box-sizing:border-box}.adm-muted{color:#a2a5ad}.adm-hint{color:#71747d;font-style:normal;font-size:.8em}.adm-login{display:grid;place-items:center;padding:24px}.adm-login__box{width:100%;max-width:380px;background:#1c1e25;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:14px}.adm-login__box h1{font-size:1.4rem}.adm-error{color:#e08585;font-size:.9rem}.adm-loading{display:grid;place-items:center;font-size:1.1rem}.adm-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 22px;background:#16171c;border-bottom:1px solid rgba(255,255,255,.09)}.adm-top h1{font-size:1.2rem}.adm-top__actions{display:flex;gap:10px;flex-wrap:wrap}.adm-status{background:#1f2a20;color:#bfe6c2;border:1px solid rgba(120,200,130,.3);padding:10px 22px;text-align:center}.adm-body{max-width:1000px;margin:0 auto;padding:24px 18px 120px;display:flex;flex-direction:column;gap:22px}.adm-card{background:#1a1c22;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px}.adm-card h2{font-size:1.1rem;margin-bottom:16px}.adm-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.adm-card__head h2{margin:0}.adm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.adm-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}@media (max-width: 700px){.adm-grid2,.adm-grid3,.adm-pair{grid-template-columns:1fr}}.adm-sub{font-size:.92rem;color:#a2a5ad;margin:16px 0 8px}.adm-note{margin-bottom:12px;font-size:.85rem}.adm-mini{margin-inline-start:8px;padding:2px 8px;font:inherit;font-size:.72rem;background:#262932;color:#cfd2da;border:1px solid rgba(255,255,255,.14);border-radius:999px;cursor:pointer}.adm-mini:hover{border-color:#ffffff4d}.adm-mini:disabled{opacity:.6;cursor:default}.adm-color-row{display:flex;gap:8px;align-items:center}.adm-color-row input[type=color]{width:46px;height:40px;padding:2px;border-radius:8px;cursor:pointer;background:#101116;border:1px solid rgba(255,255,255,.12)}.adm-color-row input[type=text]{flex:1}.adm-method{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;margin-top:14px}.adm-field{display:flex;flex-direction:column;gap:6px}.adm-field>span{font-size:.85rem;color:#a2a5ad}.adm-field input,.adm-field textarea{background:#101116;border:1px solid rgba(255,255,255,.12);color:#e6e7ea;border-radius:10px;padding:10px 12px;font:inherit;width:100%;resize:vertical}.adm-field input:focus,.adm-field textarea:focus{outline:none;border-color:#7a7d86}.adm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:10px;cursor:pointer;font:inherit;font-weight:600;background:#262932;color:#e6e7ea;border:1px solid rgba(255,255,255,.12);transition:transform .2s,background .2s,border-color .2s}.adm-btn:hover{transform:translateY(-1px);border-color:#ffffff40}.adm-btn--primary{background:#e6e7ea;color:#16171c;border-color:#e6e7ea}.adm-btn--danger{background:transparent;color:#e08585;border-color:#e0858566}.adm-btn--big{padding:13px 30px;font-size:1rem}.adm-btn:disabled{opacity:.6;cursor:default;transform:none}.adm-file{position:relative;overflow:hidden}.adm-img-row{display:flex;align-items:center;gap:14px}.adm-thumb{width:70px;height:70px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid rgba(255,255,255,.12)}.adm-thumb--empty{display:grid;place-items:center;background:#101116;color:#71747d;font-size:.75rem}.adm-project{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;margin-bottom:16px}.adm-project__bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.adm-project__bar strong{font-size:1rem}.adm-project__link{color:#71747d;font-size:.82rem;direction:ltr}.adm-check{display:inline-flex;align-items:center;gap:6px;color:#a2a5ad;font-size:.88rem;margin-inline-start:auto}.adm-gallery{display:flex;flex-wrap:wrap;gap:10px}.adm-shot{position:relative;width:92px;height:70px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.adm-shot img{width:100%;height:100%;object-fit:cover}.adm-shot__x{position:absolute;top:3px;inset-inline-end:3px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:15px;line-height:1}.adm-shot-add{width:92px;height:70px}.adm-foot{position:fixed;bottom:0;inset-inline:0;padding:14px;display:grid;place-items:center;background:linear-gradient(0deg,#14151a,transparent)}