.pm-kit-8 { --e-global-color-primary: #6EC1E4; --e-global-color-secondary: #54595F; --e-global-color-text: #7A7A7A; --e-global-color-accent: #61CE70; --e-global-color-3685de9: #FFFFFF; --e-global-color-e843491: #C718BE; --e-global-typography-primary-font-family: "Roboto"; --e-global-typography-primary-font-size: 20px; --e-global-typography-primary-font-weight: 400; --e-global-typography-secondary-font-family: "Roboto Slab"; --e-global-typography-secondary-font-size: 20px; --e-global-typography-secondary-font-weight: 400; --e-global-typography-text-font-family: "Roboto"; --e-global-typography-text-font-size: 20px; --e-global-typography-text-font-weight: 400; --e-global-typography-accent-font-family: "Roboto"; --e-global-typography-accent-font-size: 20px; --e-global-typography-accent-font-weight: 400; background-color: var( --e-global-color-3685de9 ); font-family: Roboto, sans-serif; }
.pm-kit-8 a { font-family: Roboto, sans-serif; }
.pm-kit-8 h1 { font-family: Roboto, sans-serif; }
.pm-kit-8 h2 { font-family: Roboto, sans-serif; }
.pm-kit-8 h4 { font-family: Roboto, sans-serif; }
.pm-kit-8 h5 { font-family: Roboto, sans-serif; }
.pm-kit-8 h6 { font-family: Roboto, sans-serif; }
.pm-widget:not(:last-child) { margin-block-end: 20px; }
.pm-element { --widgets-spacing: 20px 20px; --widgets-spacing-row: 20px; --widgets-spacing-column: 20px; }
h1.entry-title { display: var(--page-title-display); }
.pm-23708 .pm-element.pm-element-ed6e17f { --display: flex; --flex-direction: row; --container-widget-width: initial; --container-widget-height: 100%; --container-widget-flex-grow: 1; --container-widget-align-self: stretch; --flex-wrap-mobile: wrap; }
.pm-23708 .pm-element.pm-element-ed6e17f.e-con { --flex-grow: 0; --flex-shrink: 0; }
.pm-23708 .pm-element.pm-element-890cd77 { width: 100%; max-width: 100%; }
:root { --page-title-display: none; }
:root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --primary: 180 50% 40%; --primary-foreground: 0 0% 100%; --secondary: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --border: 214.3 31.8% 91.4%; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
.dr-moshar-hero { background: hsl(var(--background)); padding: 120px 0px 100px; font-family: Inter, sans-serif; }
.hero-container { max-width: 1400px; margin: 0px auto; padding: 0px 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.hero-content { max-width: 600px; }
.hero-category { font-size: 0.875rem; font-weight: 400; color: hsl(var(--primary)); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1.5rem; }
.hero-title { font-size: 5rem; font-weight: 200; color: hsl(var(--foreground)); line-height: 1.1; letter-spacing: -0.03em; margin-bottom: 2rem; }
.hero-title-accent { font-weight: 500; color: hsl(var(--primary)); }
.hero-description { font-size: 1.125rem; font-weight: 300; color: hsl(var(--muted-foreground)); line-height: 1.8; margin-bottom: 3rem; max-width: 500px; }
.hero-cta { display: inline-block; padding: 16px 40px; background: hsl(var(--foreground)); color: hsl(var(--background)); text-decoration: none; font-size: 0.95rem; font-weight: 400; letter-spacing: 0.02em; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid hsl(var(--foreground)); }
.hero-cta:hover { background: hsl(var(--background)); color: hsl(var(--foreground)); }
.hero-image-wrapper { position: relative; display: flex; justify-content: center; align-items: center; }
.hero-image { width: 100%; max-width: 500px; height: auto; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 24px; }
.hero-card { position: absolute; bottom: -40px; right: -40px; background: hsl(var(--background)); padding: 2rem; max-width: 320px; box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 32px; }
.card-avatar { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem; }
.card-name { font-size: 1.25rem; font-weight: 400; color: hsl(var(--foreground)); margin-bottom: 0.75rem; }
.card-description { font-size: 0.875rem; font-weight: 300; color: hsl(var(--muted-foreground)); line-height: 1.6; margin-bottom: 1.25rem; }
.card-badge { display: inline-block; padding: 8px 16px; background: hsl(var(--primary) / 0.1); color: hsl(var(--primary)); font-size: 0.75rem; font-weight: 400; letter-spacing: 0.05em; margin-bottom: 1rem; }
.card-link { display: inline-block; color: hsl(var(--foreground)); text-decoration: none; font-size: 0.875rem; font-weight: 400; border-bottom: 1px solid hsl(var(--foreground)); transition: opacity 0.3s; }
.card-link:hover { opacity: 0.6; }
.about-story { background: hsl(var(--background)); padding: 100px 0px; }
.story-container { max-width: 1200px; margin: 0px auto; padding: 0px 40px; }
.story-header { text-align: center; margin-bottom: 4rem; }
.story-tag { display: inline-block; padding: 8px 20px; background: hsl(var(--primary) / 0.1); color: hsl(var(--primary)); font-size: 0.75rem; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1.5rem; }
.story-title { font-size: 3.5rem; font-weight: 200; color: hsl(var(--foreground)); line-height: 1.2; letter-spacing: -0.02em; max-width: 900px; margin: 0px auto; }
.story-content { display: grid; grid-template-columns: 2fr 1fr; gap: 4rem; margin-bottom: 4rem; }
.story-text p { font-size: 1.125rem; font-weight: 300; color: hsl(var(--muted-foreground)); line-height: 1.9; }
.story-signature { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.signature-avatar { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; }
.signature-name { font-size: 1rem; font-weight: 400; color: hsl(var(--foreground)); margin-bottom: 0.5rem; }
.signature-image { width: 200px; height: auto; opacity: 0.8; }
.story-image { width: 100% !important; margin-top: 2rem !important; overflow: hidden !important; position: relative !important; height: 300px !important; }
.story-image img.story-photo { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; }
.career-timeline { background: hsl(var(--secondary) / 0.3); padding: 100px 0px; }
.timeline-container { max-width: 1000px; margin: 0px auto; padding: 0px 40px; }
.timeline-title { font-size: 3.5rem; font-weight: 200; color: hsl(var(--foreground)); text-align: center; letter-spacing: -0.02em; margin-bottom: 4rem; }
.timeline-grid { display: grid; gap: 3rem; }
.timeline-item { display: grid; grid-template-columns: 150px 1fr; gap: 3rem; padding: 2rem 0px; border-bottom: 1px solid hsl(var(--border)); }
.timeline-item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.timeline-year { font-size: 1rem; font-weight: 400; color: hsl(var(--primary)); letter-spacing: 0.05em; }
.timeline-heading { font-size: 1.5rem; font-weight: 400; color: hsl(var(--foreground)); margin-bottom: 0.75rem; letter-spacing: -0.01em; }
.timeline-text { font-size: 1rem; font-weight: 300; color: hsl(var(--muted-foreground)); line-height: 1.8; }
.qualifications { background: hsl(var(--background)); padding: 100px 0px; }
.qualifications-container { max-width: 1200px; margin: 0px auto; padding: 0px 40px; }
.qualifications-title { font-size: 3.5rem; font-weight: 200; color: hsl(var(--foreground)); text-align: center; letter-spacing: -0.02em; margin-bottom: 4rem; }
.qualifications-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 3rem; }
.qualification-card { padding: 2.5rem 2rem; background: hsl(var(--background)); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.qualification-card:hover { transform: scale(1.02); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px; }
.qualification-icon { color: hsl(var(--primary)); margin-bottom: 1.5rem; }
.qualification-name { font-size: 1.25rem; font-weight: 400; color: hsl(var(--foreground)); margin-bottom: 0.75rem; letter-spacing: -0.01em; }
.qualification-description { font-size: 0.95rem; font-weight: 300; color: hsl(var(--muted-foreground)); line-height: 1.6; }
.video-section { background: hsl(var(--background)); padding: 100px 0px; }
.video-container { max-width: 1000px; margin: 0px auto; padding: 0px 40px; text-align: center; }
.video-title { font-size: 3.5rem; font-weight: 200; color: hsl(var(--foreground)); letter-spacing: -0.02em; margin-bottom: 1rem; }
.video-subtitle { font-size: 1.125rem; font-weight: 300; color: hsl(var(--muted-foreground)); margin-bottom: 3rem; }
.video-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; background: hsl(var(--secondary) / 0.5); overflow: hidden; }
.video-placeholder { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; }
.video-icon { color: hsl(var(--primary)); opacity: 0.5; }
.video-placeholder-text { font-size: 1.25rem; font-weight: 400; color: hsl(var(--foreground)); }
.video-placeholder-hint { font-size: 0.875rem; font-weight: 300; color: hsl(var(--muted-foreground)); }
.video-iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.about-cta { background: hsl(var(--foreground)); padding: 100px 0px; text-align: center; }
.cta-container { max-width: 800px; margin: 0px auto; padding: 0px 40px; }
.cta-title { font-size: 3.5rem; font-weight: 200; color: hsl(var(--background)); letter-spacing: -0.02em; margin-bottom: 1.5rem; }
.cta-text { font-size: 1.125rem; font-weight: 300; color: hsl(var(--background) / 0.8); margin-bottom: 3rem; }
.cta-button { display: inline-block; padding: 16px 40px; background: hsl(var(--background)); color: hsl(var(--foreground)); text-decoration: none; font-size: 0.95rem; font-weight: 400; letter-spacing: 0.02em; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid hsl(var(--background)); }
.cta-button:hover { background: transparent; color: hsl(var(--background)); }
@media (max-width: 1024px) {
  .hero-container { grid-template-columns: 1fr; gap: 60px; }
  .hero-title { font-size: 4rem; }
  .hero-card { position: static; margin-top: 2rem; }
  .story-content { grid-template-columns: 1fr; gap: 2rem; }
  .timeline-item { grid-template-columns: 1fr; gap: 1rem; }
  .story-title, .timeline-title, .qualifications-title, .video-title, .cta-title { font-size: 2.5rem; }
}
@media (max-width: 768px) {
  .hero-title { font-size: 3rem; }
  .section-container, .hero-container, .story-container, .timeline-container, .qualifications-container, .video-container, .cta-container { padding: 0px 20px; }
  .dr-moshar-hero, .about-story, .career-timeline, .qualifications, .video-section, .about-cta { padding: 60px 0px; }
  .qualifications-grid { grid-template-columns: 1fr; gap: 2rem; }
}
.pm-30413 .pm-element.pm-element-2af9250 { --display: flex; --flex-direction: row; --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% ); --container-widget-height: 100%; --container-widget-flex-grow: 1; --container-widget-align-self: stretch; --flex-wrap-mobile: wrap; --justify-content: flex-end; --align-items: flex-start; }
.pm-30413 .pm-element.pm-element-e63f8d5 { width: 100%; max-width: 100%; }
.pm-theme-builder-content-area { height: 400px; }
.pm-location-header::before, .pm-location-footer::before { content: ""; display: table; clear: both; }
.pm-location-header, .pm-location-header .e-con, .pm-location-header .e-con-inner { overflow: visible !important; }
.pm-25691 .pm-element.pm-element-19a27968 { --display: flex; }
.pm-theme-builder-content-area { height: 400px; }
.pm-location-header::before, .pm-location-footer::before { content: ""; display: table; clear: both; }