.brand-identity{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-logo{width:46px;height:46px;object-fit:cover;border-radius:50%;box-shadow:0 8px 22px rgba(56,189,248,.24)}.brand-code{display:inline-flex;align-items:baseline;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.brand-code .ag{color:#fff;font-size:1.12rem}.brand-code .suffix{color:#38bdf8;font-size:1.12rem}.brand-name{font-weight:700;color:#fff;white-space:nowrap}.project-code{display:inline-flex;align-items:baseline;font-weight:900;letter-spacing:-.04em}.project-code .ag{color:#e0f2fe}.project-code .suffix{color:#38bdf8}.project-card .project-icon{font-size:.95rem}.identity-note{margin-top:18px;color:#94a3b8;font-size:.88rem}

/* Bilingual English-Arabic presentation */
:lang(ar){font-family:Tahoma,Arial,sans-serif}
.inline-ar{display:inline;direction:rtl;unicode-bidi:isolate;text-transform:none;letter-spacing:0}
.ar-line,.ar-copy,.card-ar,.heading-ar{display:block;direction:rtl;text-align:right;unicode-bidi:isolate;letter-spacing:0;text-transform:none}
.heading-ar{margin-top:.22em;font-size:.58em;line-height:1.55;font-weight:700;color:#475569}
.hero-card .heading-ar,.section-dark .heading-ar{color:#bae6fd}
.card-ar{margin-top:4px;font-size:.88em;line-height:1.55;font-weight:700;color:#0369a1}
.hero-card .card-ar,.detail-card .card-ar,.project-card .card-ar{color:#7dd3fc}
.ar-copy{margin-top:7px!important;font-size:.94em!important;line-height:1.75!important}
.site-nav{gap:14px}.site-nav a{font-size:.82rem;white-space:nowrap}
.hero-card .bilingual-list{padding-left:20px}.hero-card .bilingual-list .ar-line{margin-top:3px;color:#bae6fd;font-size:.93em;line-height:1.65}
.button{line-height:1.35;text-align:center}
.identity-note .ar-line{margin-top:5px;color:#cbd5e1}

/* Professional profile */
.credential-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.credential-row span{padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:#dbeafe;font-size:.82rem;font-weight:700}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}.profile-card{padding:24px;border-radius:18px;background:#fff;border:1px solid #dbe3ec;box-shadow:0 14px 35px rgba(15,23,42,.08)}.profile-card h3{margin:10px 0 8px;font-size:1.15rem;line-height:1.25}.profile-card p{margin:0;color:#5b6778;font-size:.94rem}.profile-card .ar-copy{color:#475569}.profile-year{display:inline-flex;color:#0369a1;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.cv-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.cv-panel{padding:28px;border-radius:22px;background:#fff;border:1px solid #dbe3ec;box-shadow:0 16px 40px rgba(15,23,42,.07)}.cv-heading{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #e5edf4}.cv-heading .section-label{margin-bottom:5px}.cv-heading h3{margin:0;font-size:1.45rem}.cv-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-size:.78rem;font-weight:800}
.compact-timeline{position:relative;margin-top:6px}.compact-timeline:before{content:"";position:absolute;left:102px;top:18px;bottom:18px;width:1px;background:#d9e6ef}.compact-timeline article{position:relative;display:grid;grid-template-columns:86px 1fr;gap:28px;padding:18px 0}.compact-timeline article:before{content:"";position:absolute;left:98px;top:25px;width:9px;height:9px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 4px #e0f2fe}.compact-timeline time{color:#0369a1;font-size:.79rem;font-weight:800;line-height:1.4}.compact-timeline h4{margin:0 0 5px;font-size:1rem;line-height:1.35}.compact-timeline p{margin:0;color:#64748b;font-size:.88rem;line-height:1.55}.compact-timeline .ar-copy{color:#475569}
.profile-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.detail-card{padding:26px;border-radius:20px;background:#0f2238;color:#fff;border:1px solid rgba(255,255,255,.08)}.detail-card h3{margin:0 0 14px;font-size:1.25rem}.detail-card p{color:#cbd5e1}.detail-card .section-label{margin-bottom:8px}.detail-card .ar-copy{color:#dbeafe}.detail-small{font-size:.9rem}.clean-list{margin:0;padding-left:18px;color:#cbd5e1}.clean-list li+li{margin-top:12px}.bilingual-degrees .ar-line{margin-top:4px;color:#dbeafe;font-size:.94em;line-height:1.65}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.language-grid span{display:flex;flex-direction:column;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.06);color:#cbd5e1;font-size:.82rem}.language-grid strong{color:#fff;font-size:.9rem}

/* Bilingual project, research and book cards */
.project-card .ar-copy{color:#bfdbfe}.project-card h3,.book-list h3{line-height:1.35}
.bilingual-pills span{display:flex;flex-direction:column;align-items:flex-start;border-radius:16px;line-height:1.35}
.bilingual-pills b{font-size:.92rem}.bilingual-pills small{display:block;margin-top:5px;font-size:.84rem;font-weight:700;line-height:1.55;color:#0e7490;direction:rtl;text-align:right}
.book-list .ar-copy{color:#475569}
.contact-box .ar-copy{color:#334155}
.footer-wrap [lang="ar"],.site-footer [lang="ar"],.ag-canonical-footer [lang="ar"]{color:#fff!important;font-weight:400!important}
.site-footer .footer-name-ar{display:none!important}

@media(max-width:1050px){.site-nav{gap:10px}.site-nav a{font-size:.76rem}}
@media(max-width:950px){.profile-grid{grid-template-columns:repeat(2,1fr)}.cv-columns{grid-template-columns:1fr}.profile-details{grid-template-columns:1fr}}
@media(max-width:680px){.brand-name{display:none}.brand-logo{width:42px;height:42px}.brand-code .ag,.brand-code .suffix{font-size:1rem}.site-nav a{font-size:.9rem;white-space:normal}.profile-grid{grid-template-columns:1fr}.cv-panel{padding:20px}.compact-timeline:before{left:82px}.compact-timeline article{grid-template-columns:68px 1fr;gap:24px}.compact-timeline article:before{left:78px}.language-grid{grid-template-columns:1fr 1fr}.credential-row span{font-size:.78rem}.hero-actions .button{width:100%}}

/* 2026 visual refresh: stronger bilingual identity and a more polished hero */
body{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;text-rendering:optimizeLegibility}
.site-header{box-shadow:0 10px 35px rgba(2,8,23,.18)}
.brand-identity{transition:transform .22s ease}.brand-identity:hover{transform:translateY(-1px)}
.brand-logo{border:2px solid rgba(125,211,252,.5);box-shadow:0 9px 28px rgba(14,165,233,.3)}
.brand-name{display:flex;flex-direction:column;line-height:1.08}
.brand-name-ar{display:block;margin-top:4px;color:#7dd3fc;font-size:.7rem;font-weight:700;direction:rtl;unicode-bidi:isolate;letter-spacing:0}
.site-nav a{padding:8px 10px;border-radius:10px;transition:color .18s ease,background .18s ease,transform .18s ease}
.site-nav a:hover{color:#fff;background:rgba(56,189,248,.1);transform:translateY(-1px)}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 72px);display:flex;align-items:center;padding:88px 0 82px;background:radial-gradient(circle at 11% 18%,rgba(56,189,248,.24),transparent 31%),radial-gradient(circle at 88% 13%,rgba(59,130,246,.24),transparent 31%),radial-gradient(circle at 72% 88%,rgba(14,165,233,.12),transparent 32%),linear-gradient(132deg,#07111f 0%,#0a192c 50%,#142a49 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%)}
.hero::after{content:"";position:absolute;width:430px;height:430px;right:-170px;bottom:-220px;z-index:-1;border-radius:50%;background:rgba(56,189,248,.16);filter:blur(18px)}
.hero .container{position:relative;z-index:1}.hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:clamp(42px,5vw,76px)}.hero-grid>div:first-child{position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:8px 13px;border:1px solid rgba(125,211,252,.22);border-radius:999px;background:rgba(14,165,233,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hero h1{max-width:760px;font-size:clamp(3.45rem,6.25vw,5.55rem);line-height:.94;letter-spacing:-.055em;text-shadow:0 10px 30px rgba(0,0,0,.23)}
.hero-name-ar{display:block;width:fit-content;max-width:100%;margin-top:.34em;color:#7dd3fc;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:clamp(1.55rem,2.65vw,2.45rem);font-weight:800;line-height:1.35;letter-spacing:0;direction:rtl;unicode-bidi:isolate;text-align:left;text-shadow:none}
.hero-title{position:relative;margin:30px 0 10px;padding-left:18px;border-left:3px solid #38bdf8;color:#eff6ff;font-size:clamp(1.06rem,1.7vw,1.35rem);font-weight:650}
.hero-ar{padding-left:21px;color:#bfdbfe;font-size:1.05rem;line-height:1.8}
.credential-row{gap:9px;margin-top:25px}.credential-row span{padding:9px 13px;border-color:rgba(148,210,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(10px)}
.hero-actions{margin-top:34px}.hero-actions .button{min-height:50px;padding-inline:20px;border-radius:13px;box-shadow:0 12px 30px rgba(2,8,23,.16)}
.hero-actions .button.primary{background:linear-gradient(125deg,#38bdf8 0%,#2563eb 72%,#3159d9 100%);box-shadow:0 16px 34px rgba(37,99,235,.3),inset 0 1px 0 rgba(255,255,255,.22)}
.hero-actions .button.secondary{border-color:rgba(186,230,253,.25);background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}.hero-actions .button:hover{transform:translateY(-3px)}
.hero-card{position:relative;overflow:hidden;padding:32px;border-color:rgba(186,230,253,.18);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.055));box-shadow:0 30px 75px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.hero-card::before{content:"";position:absolute;top:0;left:26px;right:26px;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,transparent)}
.hero-card::after{content:"AG";position:absolute;right:20px;bottom:-24px;color:rgba(255,255,255,.035);font-size:8rem;font-weight:900;line-height:1;pointer-events:none}
.hero-card .card-kicker{display:block;margin-bottom:12px;color:#7dd3fc}.hero-card .card-kicker [lang="ar"]{color:#fff!important}
.hero-card h2{position:relative;z-index:1;margin:0 0 22px;font-size:clamp(1.45rem,2.1vw,1.8rem)}
.hero-card .bilingual-list{position:relative;z-index:1;margin:0;padding:0;list-style:none}.hero-card .bilingual-list li{position:relative;padding-left:22px;color:#eff6ff;line-height:1.55}.hero-card .bilingual-list li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.1)}.hero-card .bilingual-list li+li{margin-top:15px}.hero-card .bilingual-list .ar-line{margin-top:5px;color:#bfdbfe;font-size:.9em}
.profile-card,.cv-panel,.book-list article,.about-profile-link{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.profile-card:hover,.cv-panel:hover,.book-list article:hover{transform:translateY(-4px);border-color:#bae6fd;box-shadow:0 20px 44px rgba(15,23,42,.11)}
.section-soft{background:linear-gradient(180deg,#f6f9fc,#eef5fa)}.contact-box{background:linear-gradient(135deg,#eff8ff,#f7fbff);box-shadow:0 18px 45px rgba(14,116,144,.08)}
.footer-name-ar{display:none!important}

@media(max-width:1050px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.76fr);gap:38px}.hero h1{font-size:clamp(3.15rem,6vw,4.9rem)}}
@media(max-width:900px){.hero{min-height:auto;padding:74px 0 70px}.hero-grid{grid-template-columns:1fr;gap:44px}.hero-card{max-width:720px}}
@media(max-width:680px){.brand-name{display:none}.hero{padding:58px 0 54px}.hero::before{background-size:38px 38px}.eyebrow{display:block;width:auto;padding:9px 12px;line-height:1.65}.hero h1{font-size:clamp(3rem,14vw,4.15rem);line-height:.96}.hero-name-ar{margin-top:.42em;font-size:clamp(1.45rem,7vw,1.95rem);line-height:1.5}.hero-title{margin-top:26px;padding-left:0;border-left:0}.hero-ar{padding-left:0}.credential-row{margin-top:22px}.credential-row span{width:100%;text-align:center}.hero-card{padding:23px;border-radius:20px}.hero-card::after{font-size:6rem}}