@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');

/* CSS Variables */
:root{
  /* Glass */
  --glass-opacity:0.25; --glass-opacity-heavy:0.45; --glass-opacity-light:0.1;
  --glass-blur:20px; --glass-blur-heavy:40px; --glass-blur-light:10px;

  /* Colors */
  --primary:#007AFF; --primary-rgb:0,122,255;
  --secondary:#5856D6; --secondary-rgb:88,86,214;
  --accent:#FF3B30; --accent-rgb:255,59,48;
  --success:#34C759; --success-rgb:52,199,89;

  /* Neutral */
  --white:#FFF; --white-rgb:255,255,255;
  --black:#000; --black-rgb:0,0,0;
  --gray-50:#F2F2F7; --gray-100:#E5E5EA; --gray-200:#D1D1D6;
  --gray-300:#C7C7CC; --gray-400:#AEAEB2; --gray-500:#8E8E93;
  --gray-600:#636366; --gray-700:#48484A; --gray-800:#3A3A3C; --gray-900:#2C2C2E;

  /* Gradients */
  --gradient-glass:linear-gradient(135deg,rgba(var(--white-rgb),0.1) 0%,rgba(var(--white-rgb),0.4) 100%);
  --gradient-specular:linear-gradient(90deg,transparent 0%,rgba(var(--white-rgb),0.25) 50%,transparent 100%);
  --gradient-ai:linear-gradient(135deg,rgba(var(--primary-rgb),0.3) 0%,rgba(var(--secondary-rgb),0.3) 100%);

  /* Type */
  --font-primary:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;
  --font-arabic:'Noto Sans Arabic',var(--font-primary);

  /* Spacing */
  --space-xs:.5rem; --space-sm:1rem; --space-md:1.5rem; --space-lg:2rem;
  --space-xl:3rem; --space-2xl:4rem; --space-3xl:6rem;

  /* Layout */
  --nav-height:112px; 
  --nav-height-scrolled:84px;

  /* Radius */
  --radius-sm:8px; --radius-md:12px; --radius-lg:20px; --radius-xl:32px; --radius-full:9999px;

  /* Shadows */
  --shadow-glass:0 8px 32px rgba(31,38,135,.15);
  --shadow-hover:0 12px 48px rgba(31,38,135,.25);
  --shadow-text:0 1px 2px rgba(0,0,0,.1);

  /* Animations */
  --spring-duration:.5s; --spring-bounce:cubic-bezier(.68,-.55,.265,1.55);
  --ease-out-expo:cubic-bezier(.19,1,.22,1);
}

/* Dark mode */
[data-theme="dark"]{
  --glass-opacity:.15; --glass-opacity-heavy:.25;
  --gray-50:#1C1C1E; --gray-100:#2C2C2E; --gray-200:#3A3A3C;
  --gray-300:#48484A; --gray-400:#636366; --gray-500:#8E8E93;
  --gray-600:#AEAEB2; --gray-700:#C7C7CC; --gray-800:#D1D1D6; --gray-900:#E5E5EA;
}

/* RTL */
[dir="rtl"]{ --font-primary:var(--font-arabic); }

/* Reset */
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; font-size:16px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body{ font-family:var(--font-primary); font-size:1rem; line-height:1.6; color:var(--gray-900); background:var(--gray-50); overflow-x:hidden; position:relative; --page-bg: var(--gray-50); }

/* Background */
.background-container{ position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.gradient-orb{ position:absolute; border-radius:50%; filter:blur(100px); opacity:.5; animation:float 20s ease-in-out infinite; pointer-events:none; }
.orb-1{ width:600px; height:600px; background:radial-gradient(circle,rgba(var(--primary-rgb),.8) 0%,transparent 70%); top:-300px; left:-300px; animation-duration:25s;}
.orb-2{ width:800px; height:800px; background:radial-gradient(circle,rgba(var(--secondary-rgb),.6) 0%,transparent 70%); bottom:-400px; right:-400px; animation-duration:30s; animation-delay:-5s;}
.orb-3{ width:500px; height:500px; background:radial-gradient(circle,rgba(var(--success-rgb),.5) 0%,transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); animation-duration:35s; animation-delay:-10s;}
@keyframes float{ 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(100px,-100px) scale(1.1)} 66%{transform:translate(-100px,100px) scale(.9)} }

/* Glass */
.glass{ background:rgba(var(--white-rgb),var(--glass-opacity)); backdrop-filter:blur(var(--glass-blur)); -webkit-backdrop-filter:blur(var(--glass-blur)); border:1px solid rgba(var(--white-rgb),.18); box-shadow:var(--shadow-glass);}
.glass-heavy{ background:rgba(var(--white-rgb),var(--glass-opacity-heavy)); backdrop-filter:blur(var(--glass-blur-heavy)); -webkit-backdrop-filter:blur(var(--glass-blur-heavy)); }
.glass-light{ background:rgba(var(--white-rgb),var(--glass-opacity-light)); backdrop-filter:blur(var(--glass-blur-light)); -webkit-backdrop-filter:blur(var(--glass-blur-light)); }

/* Skip link */
.skip-link{ position:absolute; top:-40px; left:0; background:var(--primary); color:#fff; padding:var(--space-xs) var(--space-sm); text-decoration:none; border-radius:0 0 var(--radius-md) 0; z-index:10000; font-weight:600; }
.skip-link:focus{ top:0; }

/* Utility bar */
.utility-bar{ position:fixed; top:var(--space-md); right:var(--space-lg); display:flex; gap:var(--space-xs); z-index:1001; }
.utility-btn{ width:52px; height:52px; border-radius:var(--radius-full); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1.125rem; transition:all var(--spring-duration) var(--spring-bounce); position:relative; overflow:hidden; color:var(--gray-700); }
.utility-btn svg{ width:24px; height:24px; fill:currentColor; }
.utility-btn img{ width:24px; height:24px; object-fit:cover; border-radius:2px; display:block; }
.utility-btn::before{ content:''; position:absolute; inset:0; background:var(--gradient-specular); opacity:0; transition:opacity .3s ease; }
.utility-btn:hover{ transform:scale(1.08); color:var(--primary); }
.utility-btn:hover::before{ opacity:1; }
.utility-btn:active{ transform:scale(.96); }

/* Navigation */
.nav-container{ position:fixed; inset:0 auto auto 0; right:0; z-index:1000; padding:var(--space-md); transition:all .3s ease; height:var(--nav-height); }
.nav-container.scrolled{ padding:var(--space-sm); height:var(--nav-height-scrolled); }
.nav{ border-radius:var(--radius-xl); padding:var(--space-md) var(--space-xl); display:flex; align-items:center; justify-content:space-between; max-width:1280px; margin:0 auto; transition:all var(--spring-duration) var(--ease-out-expo); height:100%; }
.nav.scrolled{ padding:var(--space-sm) var(--space-xl); }
.logo{ font-size:1.9rem; font-weight:900; background:var(--gradient-ai); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-decoration:none; letter-spacing:-.02em; transition:transform .3s ease; display:inline-flex; align-items:center; gap:.5rem; }
.logo:hover{ transform:scale(1.05); }
.logo img{ height:40px; width:auto; display:block; }
.nav-menu{ display:flex; list-style:none; gap:var(--space-sm); align-items:center; }
.nav-link{ padding:.75rem 1.25rem; color:var(--gray-700); text-decoration:none; font-weight:600; border-radius:var(--radius-full); position:relative; transition:all .25s ease; overflow:hidden; font-size:1.1rem; letter-spacing:-.01em; }
.nav-link::before{ content:''; position:absolute; inset:0; background:rgba(var(--primary-rgb),.08); transform:scale(0); transition:transform .3s ease; border-radius:inherit; }
.nav-link:hover::before{ transform:scale(1); }
.nav-link:hover{ color:var(--primary); }
.nav-link::after{ content:''; position:absolute; left:14px; right:14px; bottom:8px; height:2px; background:linear-gradient(90deg,var(--primary),var(--secondary)); border-radius:2px; transform:scaleX(0); transform-origin:left; transition:transform .25s var(--ease-out-expo); opacity:.9; }
.nav-link:hover::after{ transform:scaleX(1); }
.nav-link.active{ color:var(--primary); }
.nav-link.active::after, .nav-link.active::before{ transform:scale(1); }

/* Main */
#main{ padding-top:var(--nav-height); min-height:100vh; position:relative; }

/* Hero */
.hero{ min-height:calc(100vh - var(--nav-height)); display:flex; align-items:center; justify-content:center; padding:var(--space-3xl) var(--space-md); position:relative; }
.hero-content{ text-align:center; max-width:1000px; margin:0 auto; position:relative; z-index:1; }
.hero-badge{ display:inline-flex; align-items:center; gap:var(--space-xs); padding:var(--space-xs) var(--space-md); border-radius:var(--radius-full); font-size:.95rem; font-weight:700; color:var(--primary); margin-bottom:var(--space-md); animation:pulse 2s ease-in-out infinite; }
.hero-badge svg, .hero-badge img{ width:28px; height:18px; object-fit:cover; border-radius:3px; box-shadow:0 1px 2px rgba(0,0,0,.15); }
@keyframes pulse{ 0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.85; transform:scale(1.05)} }
.hero-title{ font-size:clamp(3.25rem,7.5vw,5.25rem); font-weight:900; line-height:1.1; margin-bottom:var(--space-md); letter-spacing:-.03em; }
.hero-title .gradient-text{ background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero-subtitle{ font-size:1.5rem; color:var(--gray-600); margin-bottom:var(--space-xl); font-weight:500; letter-spacing:-.01em; }
.hero-buttons{ display:flex; gap:var(--space-md); justify-content:center; flex-wrap:wrap; }

/* Buttons */
.btn{ padding:var(--space-sm) var(--space-lg); border-radius:var(--radius-full); font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:var(--space-xs); transition:all var(--spring-duration) var(--spring-bounce); cursor:pointer; border:none; font-size:1rem; position:relative; overflow:hidden; }
.btn-primary{ background:var(--primary); color:#fff; box-shadow:0 4px 15px rgba(var(--primary-rgb),.3); }
.btn-primary:hover{ transform:translateY(-2px) scale(1.02); box-shadow:0 8px 25px rgba(var(--primary-rgb),.4); }
.btn-glass{ color:var(--gray-900); }
.btn-glass:hover{ transform:translateY(-2px) scale(1.02); box-shadow:var(--shadow-hover); }

/* AI visual */
.ai-visual{ width:400px; height:400px; margin:var(--space-3xl) auto; position:relative; display:flex; align-items:center; justify-content:center; }
.ai-ring{ position:absolute; border:2px solid rgba(var(--primary-rgb),.3); border-radius:50%; animation:rotate 20s linear infinite; }
.ai-ring:nth-child(1){ width:100%; height:100%; animation-duration:20s; }
.ai-ring:nth-child(2){ width:80%; height:80%; animation-duration:15s; animation-direction:reverse; border-color:rgba(var(--secondary-rgb),.3); }
.ai-ring:nth-child(3){ width:60%; height:60%; animation-duration:10s; border-color:rgba(var(--success-rgb),.3); }
.ai-center{ width:100px; height:100px; background:var(--gradient-ai); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2rem; color:#fff; box-shadow:0 0 50px rgba(var(--primary-rgb),.5); animation:pulse 2s ease-in-out infinite; z-index:1; }
.ai-center svg{ width:50px; height:50px; fill:#fff; }
@keyframes rotate{ from{transform:rotate(0)} to{transform:rotate(360deg)} }

/* New hero illustration */
.hero-illustration{
  width:clamp(320px,50vw,640px);
  margin:var(--space-3xl) auto 0;
  filter:drop-shadow(0 20px 60px rgba(var(--primary-rgb),.25));
  animation:float 12s ease-in-out infinite;
}
.hero-illustration img{
  width:100%;
  height:auto;
  display:block;
  border-radius:24px;
  background:radial-gradient(1200px 600px at 70% 100%, rgba(var(--secondary-rgb),.06), transparent 60%);
}

/* Image-based project visuals */
.project-image{
  width:420px; height:420px;
  border-radius:var(--radius-lg);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
  background:rgba(var(--white-rgb),.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.project-image img{
  width:100%; height:100%; object-fit:contain; padding:20px;
}

/* Sections */
.section{ padding:var(--space-3xl) var(--space-md); position:relative; }
.section-header{ text-align:center; max-width:800px; margin:0 auto var(--space-3xl); }
.section-title{ font-size:clamp(2.6rem,5vw,3.6rem); font-weight:800; margin-bottom:var(--space-md); letter-spacing:-.02em; }
.section-subtitle{ font-size:1.25rem; color:var(--gray-600); font-weight:500; }

/* Page header (per-page hero bar) */
.page-header{
  max-width:1200px;
  margin:var(--space-xl) auto var(--space-2xl);
  padding:var(--space-2xl) var(--space-xl);
  border-radius:var(--radius-xl);
  background:linear-gradient(135deg, rgba(var(--primary-rgb),.06) 0%, rgba(var(--secondary-rgb),.06) 100%);
  border:1px solid rgba(var(--white-rgb),.18);
  box-shadow:var(--shadow-glass);
  position:relative;
  overflow:hidden;
}
.page-header::before{
  content:'';
  position:absolute; inset:-40% -20% auto auto;
  height:220px; width:60%;
  background:radial-gradient(circle at right, rgba(var(--primary-rgb),.12), transparent 60%);
  pointer-events:none;
}
.page-header-inner{ display:flex; align-items:center; gap:var(--space-lg); min-height:240px; }
.page-title{ font-size:clamp(2.1rem,4vw,3rem); font-weight:900; letter-spacing:-.02em; margin:0; }
.page-subtitle{ margin:0; color:var(--gray-600); font-size:1.125rem; }

/* Page header with background image */
.page-header.has-image{
  position:relative;
  background:none;
  border:none;
}
.page-header.has-image::before{
  content:'';
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  width:100%; height:100%;
  background-image:var(--header-image);
  background-size:cover; background-position:center;
  filter:saturate(1.1) contrast(1.05) brightness(.95);
  z-index:0;
  pointer-events:none;
}
.page-header.has-image::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.22));
  z-index:1;
  pointer-events:none;
}
.page-header.has-image .page-header-inner{
  position:relative;
  z-index:2;
}
.page-header.has-image .page-title,
.page-header.has-image .page-subtitle{
  position:relative; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.35);
}

/* Hero with background image (Home) */
.hero.hero-image{ position:relative; overflow:hidden; }
.hero.hero-image::before{
  content:''; position:absolute; inset:0;
  background-image:var(--hero-image);
  background-size:cover; background-position:center;
  transform:scale(1.02);
  filter:saturate(1.05) contrast(1.05) brightness(.9);
  z-index:0;
  pointer-events:none;
}
.hero.hero-image::after{
  content:''; position:absolute; inset:0;
  background:
    /* smooth blend with page background at the very top */
    linear-gradient(180deg, var(--page-bg) 0px, rgba(255,255,255,0) 140px),
    radial-gradient(800px 400px at 70% 100%, rgba(var(--secondary-rgb),.12), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
  z-index:1;
  pointer-events:none;
}
.hero.hero-image .hero-content{ position:relative; z-index:2; color:#fff; }
.hero.hero-image .hero-subtitle{ color:rgba(255,255,255,.85); }

/* Cards Grid */
.glass-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:var(--space-lg); max-width:1200px; margin:0 auto; }
.glass-card{ border-radius:var(--radius-lg); padding:var(--space-xl); transition:all var(--spring-duration) var(--spring-bounce); cursor:pointer; position:relative; overflow:hidden; }
.glass-card::before{ content:''; position:absolute; top:0; left:0; right:0; height:1px; background:var(--gradient-specular); opacity:.5; }
.glass-card:hover{ transform:translateY(-8px) scale(1.02); box-shadow:var(--shadow-hover); }
.glass-icon{ width:64px; height:64px; border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; font-size:2rem; margin-bottom:var(--space-md); }
.glass-icon svg{ width:32px; height:32px; fill:var(--primary); }
.glass-card h3{ font-size:1.55rem; margin-bottom:var(--space-sm); font-weight:800; letter-spacing:-.01em; }
.glass-card p{ color:var(--gray-600); line-height:1.6; }

/* Project showcase */
.project-showcase{ border-radius:var(--radius-xl); padding:var(--space-2xl); margin-bottom:var(--space-2xl); position:relative; overflow:hidden; }
.project-showcase::before{ content:''; position:absolute; inset:0; background:var(--gradient-ai); opacity:.05; z-index:-1; }
.project-grid{ display:grid; grid-template-columns:1fr 2fr; gap:var(--space-xl); align-items:center; }
.project-icon{ width:200px; height:200px; border-radius:var(--radius-lg); display:flex; align-items:center; justify-content:center; font-size:5rem; margin:0 auto; }
.project-icon svg{ width:100px; height:100px; fill:var(--primary); }
.project-details h3{ font-size:2rem; margin-bottom:var(--space-sm); font-weight:800; letter-spacing:-.01em; }
.project-details h4{ font-size:1.25rem; color:var(--primary); margin-bottom:var(--space-md); font-weight:700; }
.project-features{ list-style:none; margin-top:var(--space-md); }
.project-features li{ padding:var(--space-xs) 0; color:var(--gray-700); display:flex; align-items:center; gap:var(--space-xs); }
.project-features li::before{ content:'✓'; color:var(--success); font-weight:bold; }

/* Vision */
.vision-section{ text-align:center; padding:var(--space-3xl); border-radius:var(--radius-xl); position:relative; overflow:hidden; background:var(--gradient-glass); }
.vision-logo{ width:150px; height:150px; margin:0 auto var(--space-lg); display:flex; align-items:center; justify-content:center; font-size:5rem; }
.vision-logo svg{ width:100px; height:100px; }
.vision-logo img{ width:100%; height:100%; object-fit:cover; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.08); }

/* Footer */
.footer{ padding:var(--space-2xl) var(--space-md); text-align:center; color:var(--gray-600); position:relative; z-index:10; }
.footer-content{ max-width:1200px; margin:0 auto; }
.footer-links{ display:flex; justify-content:center; gap:var(--space-lg); margin-bottom:var(--space-lg); flex-wrap:wrap; }
.footer-link{ color:var(--gray-600); text-decoration:none; transition:color .3s ease; }
.footer-link:hover{ color:var(--primary); }

/* Mobile */
.mobile-menu-toggle{ display:none; background:none; border:none; cursor:pointer; padding:var(--space-xs); }
.mobile-menu-toggle span{ display:block; width:24px; height:2px; background:var(--gray-700); margin:5px 0; transition:all .3s ease; border-radius:var(--radius-full); }
.mobile-menu{ position:fixed; top:var(--nav-height); left:0; right:0; bottom:0; background:rgba(var(--gray-50),.95); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); z-index:999; display:none; padding:var(--space-lg); }
.mobile-menu.active{ display:block; animation:slideDown .3s ease; }
@keyframes slideDown{ from{opacity:0; transform:translateY(-20px)} to{opacity:1; transform:translateY(0)} }
.mobile-menu-list{ list-style:none; padding:0; }
.mobile-menu-list li{ margin-bottom:var(--space-md); }
.mobile-menu-list a{ display:block; padding:var(--space-md) var(--space-lg); color:var(--gray-700); text-decoration:none; font-weight:600; font-size:1.25rem; border-radius:var(--radius-md); transition:all .3s ease; }
.mobile-menu-list a:hover{ background:rgba(var(--primary-rgb),.1); color:var(--primary); }

/* Accessibility menu */
.accessibility-menu{ position:fixed; top:calc(var(--nav-height) + var(--space-sm)); right:var(--space-md); border-radius:var(--radius-lg); padding:var(--space-md); display:none; z-index:1002; min-width:220px; max-width:300px; }
.accessibility-menu.active{ display:block; animation:slideDown .3s ease; }
.accessibility-btn{ display:block; width:100%; padding:var(--space-sm); background:none; border:none; text-align:left; cursor:pointer; border-radius:var(--radius-md); transition:all .3s ease; color:var(--gray-700); }
.accessibility-btn:hover{ background:rgba(var(--primary-rgb),.1); color:var(--primary); }

/* Loader */
.loader{ position:fixed; inset:0; background:var(--gray-50); display:flex; align-items:center; justify-content:center; z-index:10001; transition:opacity .5s ease; }
.loader-content{text-align:center;}
.loader-ring{ width:80px; height:80px; border:4px solid rgba(var(--primary-rgb),.2); border-top-color:var(--primary); border-radius:50%; animation:spin 1s linear infinite; margin:0 auto; }
@keyframes spin{ to{transform:rotate(360deg)} }

/* Pages */
.page{ display:none; opacity:0; min-height:calc(100vh - var(--nav-height)); }
.page.active{ display:block; animation:pageIn .5s ease forwards; }
@keyframes pageIn{ to{opacity:1} }

/* Forms */
.form-input{ width:100%; padding:var(--space-sm); border:1px solid rgba(var(--white-rgb),.2); border-radius:var(--radius-md); background:transparent; color:var(--gray-900); font-family:inherit; font-size:1rem; transition:all .3s ease; }
.form-input:focus{ outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1); }

/* Responsive */
@media (max-width:768px){
  :root{ --nav-height:88px; --nav-height-scrolled:72px; }
  .nav-menu{ display:none; }
  .mobile-menu-toggle{ display:block; }
  .hero{ min-height:calc(100vh - var(--nav-height)); padding:var(--space-lg) var(--space-md); }
  .hero-title{ font-size:2.6rem; }
  .hero-subtitle{ font-size:1.125rem; }
  .hero-buttons{ flex-direction:column; width:100%; max-width:300px; margin:0 auto; }
  .btn{ width:100%; justify-content:center; }
  .glass-grid{ grid-template-columns:1fr; }
  .project-grid{ grid-template-columns:1fr; text-align:center; }
  .project-icon{ width:150px; height:150px; margin-bottom:var(--space-lg); }
  .ai-visual{ width:300px; height:300px; }
  .section{ padding:var(--space-2xl) var(--space-md); }
  .utility-bar{ top:var(--space-sm); right:var(--space-sm); }
  .accessibility-menu{ top:calc(var(--nav-height-scrolled) + var(--space-sm)); left:var(--space-md); right:var(--space-md); max-width:none; }
  #main{ padding-top:var(--nav-height); }
}

/* High contrast */
.high-contrast{ --glass-opacity:.9; --glass-blur:0px; }
.high-contrast .glass{ border:2px solid var(--gray-700); }

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Print */
@media print{
  .utility-bar,.nav-container,.footer,.btn,.background-container,.mobile-menu,.accessibility-menu,.loader{ display:none !important; }
  #main{ padding-top:0; }
  .page{ display:block !important; opacity:1 !important; }
}

/* ---------- Utilities (moved former inline styles) ---------- */
.muted{ color:var(--gray-600); }

/* Team Member Images */
.team-member-image {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-md);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glass-card:hover .team-member-image {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.mt-xs{ margin-top:var(--space-xs); }
.mt-sm{ margin-top:var(--space-sm); }
.mt-md{ margin-top:var(--space-md); }
.mt-lg{ margin-top:var(--space-lg); }
.mt-xl{ margin-top:var(--space-xl); }
.mt-2xl{ margin-top:var(--space-2xl); }
.mt-3xl{ margin-top:var(--space-3xl); }

.mb-xs{ margin-bottom:var(--space-xs); }
.mb-sm{ margin-bottom:var(--space-sm); }
.mb-md{ margin-bottom:var(--space-md); }
.mb-lg{ margin-bottom:var(--space-lg); }
.mb-xl{ margin-bottom:var(--space-xl); }

.mx-auto{ margin-left:auto; margin-right:auto; }
.text-center{ text-align:center; }
.w-full{ width:100%; }

.max-w-600{ max-width:600px; }
.max-w-800{ max-width:800px; }
.max-w-1000{ max-width:1000px; }

.p-2xl{ padding:var(--space-2xl); }
.rounded-xl{ border-radius:var(--radius-xl); }

.lead{ font-size:1.125rem; line-height:1.8; color:var(--gray-700); }
.meta{ font-size:.875rem; color:var(--gray-600); }
.role{ color:var(--primary); font-size:1rem; margin-bottom:var(--space-sm); }

.label{ display:block; margin-bottom:var(--space-xs); font-weight:600; }
.textarea{ min-height:120px; resize:vertical; }

.form-card{ max-width:600px; margin:0 auto; padding:var(--space-2xl); border-radius:var(--radius-xl); }