html{background:#051329;}
*{box-sizing:border-box;min-width:0;}
body{margin:0;font-family:'Inter',system-ui,sans-serif;background:#051329;min-height:100vh;overflow-x:hidden;}
.card, .hero-card, .contact-grid{width:100%;}
img{max-width:100%;}
a{color:#22d3ee;text-decoration:none;}
a:hover{color:#67e8f9;}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 40px;background:rgba(15,23,42,0.88);backdrop-filter:blur(10px);border-bottom:1px solid #1e293b;}
.logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid #22d3ee;color:#22d3ee;font-weight:700;font-size:15px;flex-shrink:0;}
.nav-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.nav-toggle-input{display:none;}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
.nav-burger span{width:24px;height:2px;background:#e2e8f0;border-radius:2px;transition:transform .2s ease;}
.nav-link{color:#94a3b8;font-weight:500;font-size:14px;border-bottom:2px solid transparent;padding-bottom:4px;transition:color .2s ease;}
.nav-link:hover{color:#22d3ee;}
.nav-link.active{color:#22d3ee;font-weight:600;border-bottom-color:#22d3ee;}
.lang-btn{background:transparent;border:1px solid #22d3ee;color:#22d3ee;border-radius:999px;width:44px;height:30px;flex-shrink:0;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
.lang-btn:hover{background:rgba(34,211,238,.12);}
.nav-spacer{height:72px;}
.site-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:32px 40px;background:#0b1220;border-top:1px solid #1e293b;}
.rights{color:#64748b;font-size:13px;}
.footer-links{display:flex;gap:20px;align-items:center;}
.footer-links a{color:#22d3ee;font-size:13px;}
.card{max-width:1100px;margin:32px auto 60px;padding:56px;background:rgba(22,31,54,0.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(38,50,77,0.8);border-radius:28px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 12px 28px rgba(0,0,0,.35);}
.card.narrow{max-width:1100px;}
.card.wide{max-width:1100px;}
.card-title{color:#e2e8f0;font-size:40px;font-weight:800;margin:0 0 56px;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease, transform .8s ease;}
.reveal.show{opacity:1;transform:translateY(0);}
.fade-in{opacity:0;animation:pageFadeIn .6s ease forwards;}
@keyframes pageFadeIn{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
.cta{border:1px solid #22d3ee;color:#22d3ee;padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;display:inline-block;transition:background .2s ease;}
.cta:hover{background:rgba(34,211,238,.12);color:#22d3ee;}
.inline-link{color:#3b82f6;text-decoration:underline;transition:color .2s ease;}
.inline-link:hover{color:#93c5fd;}
.timeline{position:relative;}
.timeline-line{position:absolute;left:159px;top:8px;bottom:8px;width:2px;background:#334155;}
.timeline-item{display:grid;grid-template-columns:140px 40px 1fr;column-gap:24px;align-items:start;margin-bottom:44px;}
.timeline-date{color:#94a3b8;font-size:14px;font-weight:600;padding-top:2px;text-align:right;}
.timeline-dot{width:20px;height:20px;border-radius:50%;background:#22d3ee;margin:2px auto 0;position:relative;z-index:1;box-shadow:0 0 0 4px #161f36;}
.exp-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px 24px;transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;}
.exp-card:hover{transform:scale(1.045) translateY(-6px);box-shadow:0 16px 36px rgba(34,211,238,.28);border-color:#22d3ee;}
.exp-card-title{color:#e2e8f0;font-size:17px;font-weight:700;margin-bottom:4px;}
.exp-card-org{color:#22d3ee;font-size:14px;font-weight:500;margin-bottom:12px;}
.exp-card ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;}
.exp-card li{color:#94a3b8;font-size:14px;line-height:1.5;}
.skills-label{color:#22d3ee;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;}
.skills-headline{margin:0 0 32px;color:#f1f5f9;font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:400;line-height:1.25;max-width:640px;}
.skill-chain{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:48px;}
.skill-chain-item{display:flex;align-items:center;gap:10px;}
.skill-chain-label{color:#22d3ee;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.skill-chain-arrow{color:#475569;font-size:14px;}
.skill-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:32px;}
.skill-col{border-top:2px solid #334155;padding-top:16px;}
.skill-col-num{color:#22d3ee;font-size:13px;font-weight:700;margin-bottom:8px;}
.skill-col-title{color:#e2e8f0;font-size:16px;font-weight:700;margin-bottom:10px;}
.skill-col-desc{color:#94a3b8;font-size:14px;line-height:1.6;}
.closing{border-top:1px solid #26324d;margin-top:48px;padding-top:40px;text-align:center;}
.closing-text,.edu-quote{margin:0 0 24px;color:#94a3b8;font-size:18px;line-height:1.7;max-width:640px;margin-left:auto;margin-right:auto;font-family:Georgia,'Times New Roman',serif;}
.certs-title{color:#e2e8f0;font-size:22px;font-weight:700;margin:0 0 20px;}
.certs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.cert-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px 20px;}
.cert-name{color:#e2e8f0;font-size:15px;font-weight:700;}
.cert-org{color:#94a3b8;font-size:13px;margin-top:2px;}
.tags{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px;}
.tag-btn{background:transparent;color:#94a3b8;border:1px solid #334155;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;}
.tag-btn.active{background:#22d3ee;color:#0f172a;border-color:#22d3ee;}
.pub-cards{display:flex;flex-direction:column;gap:28px;}
.pub-img-wrap{width:280px;min-width:220px;height:180px;flex-shrink:0;background:rgba(148,163,184,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pub-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;}
.pub-pdf-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#22d3ee;border:1px solid #22d3ee;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease;}
.pub-pdf-btn:hover{background:#22d3ee;color:#0f172a;}
.pub-card{display:flex;flex-wrap:wrap;gap:24px;background:#1e293b;border:1px solid #334155;border-radius:14px;padding:20px;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.pub-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(0,0,0,.5);border-color:#22d3ee;}
.pub-card-body{flex:1 1 320px;display:flex;flex-direction:column;justify-content:center;gap:10px;}
.pub-tag{align-self:flex-start;background:rgba(34,211,238,.12);color:#22d3ee;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;}
.pub-title{margin:0;color:#e2e8f0;font-size:20px;font-weight:700;}
.pub-body{margin:0;color:#94a3b8;font-size:15px;line-height:1.6;}
.pub-readmore{align-self:flex-start;margin-top:4px;color:#22d3ee;font-size:14px;font-weight:600;}
.logos-row{display:flex;flex-wrap:wrap;gap:44px;justify-content:center;align-items:center;}
.logo-img{width:auto;object-fit:contain;opacity:.65;filter:grayscale(1) brightness(2);transition:opacity .25s ease, transform .25s ease;}
.logo-img:hover{opacity:1;transform:scale(1.06);}
.hero-card{max-width:1100px;margin:32px auto 60px;padding:64px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px;background:rgba(22,31,54,0.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(38,50,77,0.8);border-radius:28px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 12px 28px rgba(0,0,0,.35);}
.hero-name{margin:0;color:#e2e8f0;font-size:44px;font-weight:800;letter-spacing:.02em;}
.hero-role{margin:8px 0 0;color:#22d3ee;font-size:18px;font-weight:500;}
.hero-headline{max-width:820px;margin:0;color:#f1f5f9;font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.15;}
.hero-sub{max-width:560px;margin:0;color:#94a3b8;font-size:18px;line-height:1.6;}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px;}
.testimonials-grid.reveal{opacity:1;transform:none;transition:none;}
@keyframes cardReveal{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.reveal-card{opacity:0;}
.testimonials-grid.show .reveal-card{animation:cardReveal .6s ease forwards;}
.testimonials-grid.show .reveal-card:nth-child(1){animation-delay:0s;}
.testimonials-grid.show .reveal-card:nth-child(2){animation-delay:.2s;}
.testimonials-grid.show .reveal-card:nth-child(3){animation-delay:.4s;}
.testimonials-grid.show .reveal-card:nth-child(4){animation-delay:.6s;}
.testimonials-grid.show .reveal-card:nth-child(5){animation-delay:.8s;}
.testimonials-grid.show .reveal-card:nth-child(6){animation-delay:1s;}
.testimonial-card{background:#1e293b;border:1px solid #334155;border-radius:20px;padding:32px;}
.testimonial-quote{margin:0 0 20px;color:#e2e8f0;font-size:16px;line-height:1.7;}
.testimonial-name{color:#f1f5f9;font-weight:700;font-size:15px;}
.testimonial-role{color:#22d3ee;font-style:italic;font-weight:400;font-size:14px;margin-top:2px;}
.about-title{color:#e2e8f0;font-size:40px;font-weight:800;margin:0 0 40px;border-bottom:2px solid #22d3ee;padding-bottom:16px;}
.about-label{color:#22d3ee;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;}
.about-body{color:#cbd5e1;font-size:18px;line-height:1.9;font-family:Georgia,'Times New Roman',serif;text-align:justify;}
.about-body .about-p{margin:0 0 22px;}
.about-body .about-p:last-child{margin-bottom:0;}
.about-body strong{color:#e2e8f0;}
.testimonials-title{color:#e2e8f0;font-size:24px;font-weight:700;margin:0 0 28px;}
.contact-grid{max-width:1100px;margin:32px auto 60px;padding:64px 56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:56px;overflow-wrap:break-word;background:rgba(22,31,54,0.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(38,50,77,0.8);border-radius:28px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 12px 28px rgba(0,0,0,.35);}
.contact-label{color:#22d3ee;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;}
.contact-title{margin:0 0 24px;color:#f1f5f9;font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.2;overflow-wrap:break-word;}
.contact-intro{margin:0;color:#94a3b8;font-size:17px;line-height:1.7;max-width:420px;overflow-wrap:break-word;}
.contact-right{border-left:1px solid #334155;padding-left:56px;display:flex;flex-direction:column;gap:28px;min-width:0;}
.contact-block-label{color:#22d3ee;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;}
.contact-doc-title{color:#e2e8f0;font-size:19px;margin-bottom:18px;}
.contact-cvs{display:flex;gap:14px;flex-wrap:wrap;}\n.contact-cvs .cta{min-width:150px;text-align:center;}
.contact-value{color:#e2e8f0;font-size:17px;overflow-wrap:break-word;word-break:break-word;}
.contact-value:hover{color:#22d3ee;}
.contact-divider{border-bottom:1px solid #1e293b;}

/* ===== Responsive (mobile-first overrides) ===== */
body{overflow-x:hidden;}

@media (max-width: 768px){
  .site-nav{padding:14px 20px;}
  .nav-burger{display:flex;}
  .nav-links{position:fixed;top:64px;left:0;right:0;background:#0f172a;flex-direction:column;align-items:flex-start;padding:0 24px;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom:1px solid #1e293b;z-index:49;}
  .nav-toggle-input:checked ~ .nav-links{max-height:420px;padding:16px 24px 24px;gap:18px;}
  .nav-link{width:100%;padding:6px 0;}
  .nav-spacer{height:64px;}

  .card,.card.narrow,.card.wide,.hero-card,.contact-grid{max-width:calc(100% - 24px);margin:16px auto 32px;padding:20px 16px;border-radius:18px;}
  .about-body{font-size:16px;line-height:1.75;}
  .about-body .about-p{margin-bottom:18px;}
  .closing{text-align:center;padding:0 4px;}
  .closing-text,.edu-quote{font-size:16px;}
  .cta{display:inline-block;}
  .card-title{font-size:26px;margin-bottom:32px;}
  .about-title{font-size:26px;margin-bottom:24px;}
  .hero-name{font-size:30px;}
  .hero-headline{font-size:26px;}
  .contact-title{font-size:26px;}

  .timeline-line{left:0;display:none;}
  .timeline-item{grid-template-columns:1fr;row-gap:8px;margin-bottom:28px;}
  .timeline-date{text-align:left;}
  .timeline-dot{display:none;}

  .skill-chain{display:none;}
  .skill-cols{grid-template-columns:1fr;gap:24px;}
  .skills-headline{font-size:22px;}

  .contact-grid{grid-template-columns:1fr;gap:32px;}
  .contact-right{border-left:none;padding-left:0;border-top:1px solid #334155;padding-top:24px;}

  .testimonials-grid{grid-template-columns:1fr;}
  @keyframes cardRevealMobile{from{opacity:0;}to{opacity:1;}}
  .testimonials-grid.show .reveal-card{animation:cardRevealMobile .45s ease forwards;}
  .testimonials-grid.show .reveal-card:nth-child(1){animation-delay:0s;}
  .testimonials-grid.show .reveal-card:nth-child(2){animation-delay:.1s;}
  .testimonials-grid.show .reveal-card:nth-child(3){animation-delay:.2s;}
  .testimonials-grid.show .reveal-card:nth-child(4){animation-delay:.3s;}
  .testimonials-grid.show .reveal-card:nth-child(5){animation-delay:.4s;}
  .testimonials-grid.show .reveal-card:nth-child(6){animation-delay:.5s;}
  .certs-grid{grid-template-columns:1fr;}
  .pub-card{flex-direction:column;}
  .pub-img-wrap{width:100%;height:200px;}
  .pub-actions{flex-direction:column;}
  .pub-pdf-btn{text-align:center;justify-content:center;}
  .exp-hero{padding:40px 20px !important;}
  .card-title{}
  .exp-card{flex:0 0 78vw !important;}
  .exp-modal{padding:24px !important;}
  .exp-scroll{scroll-snap-type:x mandatory;scroll-padding-inline:11vw;}
  .exp-scroll .exp-card{scroll-snap-align:center;}
}

/* ===== Experience carousel ===== */
.exp-nav-btn{position:absolute;top:110px;z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-size:18px;cursor:pointer;}
.exp-scroll{display:flex;gap:24px;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;padding:24px 24px 36px;margin:-20px -24px -32px;touch-action:pan-x pan-y;-ms-overflow-style:none;scrollbar-width:none;}
.exp-scroll::-webkit-scrollbar{display:none;}
.exp-card{flex:0 0 300px;background:#1e293b;border:1px solid #334155;border-radius:14px;padding:20px;position:relative;transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;}
.exp-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 16px 36px rgba(34,211,238,.28);border-color:#22d3ee;z-index:3;}
.exp-card-logo{border-radius:10px;aspect-ratio:16/9;margin-bottom:18px;background:#fff;display:flex;align-items:center;justify-content:center;}
.exp-card-logo img{max-width:80%;object-fit:contain;}
.exp-card-titlerow{display:inline-flex;align-items:baseline;gap:8px;font-weight:700;font-size:16px;margin-bottom:8px;cursor:pointer;color:#e2e8f0;}
.exp-arrow{display:inline-block;transition:transform .3s ease;color:#2563EB;}
.exp-card-titlerow:hover .exp-arrow{transform:translateX(4px);}
.exp-card-org{color:#22d3ee;font-size:13px;font-weight:500;margin-bottom:10px;}
.exp-card-summary{margin:0;font-size:14px;line-height:1.6;color:#94a3b8;}
.exp-modal-overlay{position:fixed;inset:0;background:rgba(2,6,16,.75);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;}
.exp-modal-overlay[hidden]{display:none !important;}
.exp-modal{background:#fff;border-radius:20px;max-width:760px;width:100%;max-height:88vh;overflow-y:auto;padding:40px;color:#0f172a;}
.exp-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;}
.exp-modal-head h3{margin:0;font-size:24px;font-weight:700;color:#051329;}
.exp-modal-close{background:none;border:none;color:#64748b;font-size:24px;cursor:pointer;line-height:1;}
.exp-modal-block{margin-bottom:20px;}
.exp-modal-label{text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:#2563EB;font-weight:700;margin-bottom:6px;}
.exp-modal-label--red{color:#dc2626;}
.exp-modal-label--green{color:#16a34a;}
.exp-modal-label--grey{color:#64748b;margin-bottom:10px;}
.exp-modal-block p{margin:0;font-size:15px;line-height:1.7;color:#334155;}
.exp-modal-skills{display:flex;flex-wrap:wrap;gap:8px;}
.exp-skill-chip{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:13px;padding:6px 12px;border-radius:999px;font-weight:600;}