@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;700&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #18181B;--on-primary: #FFFFFF;--secondary: #3F3F46;--accent: #2563EB;--accent-light: #3b82f6;--accent-grad: linear-gradient(135deg, #2563EB, #60a5fa);--bg: #FAFAFA;--bg-card: rgba(255,255,255,.75);--bg-hover: rgba(255,255,255,.92);--text: #09090B;--text-muted: #52525B;--muted: #E8ECF0;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.16);--success: #16a34a;--danger: #DC2626;--warning: #f59e0b;--radius-sm: 8px;--radius: 16px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(0,0,0,.06);--shadow-lg: 0 12px 48px rgba(0,0,0,.1);--font-heading: "Noto Naskh Arabic", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Noto Sans Arabic", "Inter", ui-sans-serif, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.7;color:var(--text);background:var(--bg);min-height:100dvh;-webkit-font-smoothing:antialiased;direction:rtl}[lang=en]{direction:ltr;text-align:left}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0;position:relative;z-index:1}.section-title{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;margin-bottom:.5rem;letter-spacing:-.01em}.section-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:2.5rem;max-width:600px}.section-divider{width:60px;height:3px;background:var(--accent-grad);border-radius:3px;margin-bottom:.75rem}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:1.75rem;transition:transform .25s ease,box-shadow .3s ease,border-color .2s}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;font-family:var(--font-body);transition:transform .2s ease,box-shadow .2s,opacity .15s}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:0 6px 24px #2563eb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px #2563eb73}.grid{display:grid;gap:1.25rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;padding:.25rem .7rem;border-radius:999px;background:#2563eb1a;color:var(--accent)}.badge.green{background:#16a34a1a;color:var(--success)}.badge.amber{background:#f59e0b1a;color:var(--warning)}.badge.purple{background:#8b5cf61a;color:#7c3aed}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:#fafafad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:var(--accent);text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;gap:.25rem}.nav-link{padding:.5rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--text);background:#2563eb14}.lang-toggle{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;cursor:pointer;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:all .2s;font-family:var(--font-body)}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:.4rem}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 4rem;position:relative;background:linear-gradient(180deg,rgba(37,99,235,.04) 0%,transparent 40%)}.hero h1{font-family:var(--font-heading);font-size:clamp(2.2rem,6vw,3.5rem);font-weight:700;margin-bottom:.5rem;line-height:1.3;letter-spacing:-.02em}.hero h1 span{background:var(--accent-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .title-role{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);margin-bottom:.3rem;font-weight:500}.hero .title-desc{font-size:.95rem;color:var(--text-muted);max-width:650px;margin:.5rem auto 1.5rem;line-height:1.8}.hero-badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-stats{display:flex;gap:2.5rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--accent)}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.about-text p{margin-bottom:1rem;line-height:1.9;color:var(--secondary);font-size:.95rem}.info-list{list-style:none}.info-list li{display:flex;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.info-list li:last-child{border:none}.info-list .label{font-weight:600;min-width:90px;color:var(--text)}.info-list .value{color:var(--text-muted)}.timeline{position:relative;padding-right:1.5rem}.timeline:before{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),transparent)}.timeline-item{position:relative;padding:0 1rem 1.5rem 0}.timeline-item:before{content:"";position:absolute;right:-6px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.timeline-date{font-size:.78rem;font-weight:600;color:var(--accent);margin-bottom:.2rem}.timeline-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;margin-bottom:.15rem}.timeline-sub{font-size:.82rem;color:var(--text-muted)}.timeline-grade{display:inline-block;font-size:.7rem;padding:.1rem .5rem;border-radius:999px;background:#2563eb14;color:var(--accent);margin-top:.2rem}.skill-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:999px;background:#2563eb12;color:var(--secondary);font-size:.85rem;font-weight:500;border:1px solid rgba(37,99,235,.15);transition:all .2s}.skill-tag:hover{background:#2563eb1f;transform:translateY(-1px)}.pub-card{padding:1.25rem 1.5rem}.pub-card h4{font-family:var(--font-heading);font-size:.95rem;font-weight:600;margin-bottom:.3rem}.pub-card p{font-size:.82rem;color:var(--text-muted);line-height:1.6}.pub-card .pub-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-info .contact-item{display:flex;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.contact-info .contact-item:last-child{border:none}.contact-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2563eb14;color:var(--accent);flex-shrink:0}.contact-item-text{font-size:.9rem}.contact-item-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{width:100%;padding:.7rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;outline:none;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.footer{text-align:center;padding:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.8rem}.mobile-nav{position:fixed;top:64px;left:0;right:0;z-index:49;background:#fafafafa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:none;flex-direction:column;gap:.25rem}.mobile-nav.open{display:flex}.mobile-nav a{padding:.7rem .5rem;font-size:.9rem;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s}.mobile-nav a:hover{background:#2563eb0f;color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .5s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.35s;opacity:0}.delay-4{animation-delay:.5s;opacity:0}@keyframes morphIn{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;opacity:0;transform:scale(.8)}to{border-radius:50%;opacity:1;transform:scale(1)}}@media (max-width: 768px){.navbar{padding:0 1rem}.nav-links{display:none}.mobile-menu-btn{display:flex}.about-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:5rem 1rem 3rem}.section{padding:3rem 0}.hero-stats{gap:1.5rem}}@media (max-width: 640px){.grid-2,.grid-3{grid-template-columns:1fr}.hero h1{font-size:clamp(1.7rem,7vw,2.2rem)}}