:root{color:#24324a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6fb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#24324a;background:#fff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{background:#fff;min-height:100vh}.site-navbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #94a3b833;position:sticky;top:0;box-shadow:0 10px 30px #0f172a0f}.site-navbar__inner{justify-content:space-between;align-items:center;gap:24px;width:min(1200px,100% - 32px);min-height:84px;margin:0 auto;display:flex}.site-brand{letter-spacing:-.03em;color:#2563eb;align-items:center;gap:12px;font-size:2rem;font-weight:800;display:inline-flex}.site-brand__image{object-fit:cover;border:2px solid #2563eb29;border-radius:50%;width:42px;height:42px}.site-menu{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.site-menu__link{color:#475569;border-radius:999px;padding:10px 14px;font-size:1.05rem;font-weight:600;transition:background-color .25s,color .25s,transform .25s}.site-menu__link:hover,.site-menu__link:focus-visible{color:#1d4ed8;background:#2563eb1a;outline:none;transform:translateY(-1px)}.site-menu__link--active{color:#1d4ed8;background:#2563eb1f}.page-section{width:min(1200px,100% - 32px);margin:0 auto}.hero-section{padding:48px 0 72px}.hero-card{color:#fff;background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border-radius:34px;padding:48px 36px;box-shadow:0 24px 50px #0f172a2e}.hero-content{justify-content:space-between;align-items:center;gap:36px;display:flex}.hero-copy{flex:620px}.hero-eyebrow{color:#9df8f0;letter-spacing:.28em;margin:0 0 20px;font-size:1rem;font-weight:700}.hero-title{color:#fff;letter-spacing:-.04em;max-width:820px;margin:0 0 22px;font-size:clamp(2.4rem,5vw,4rem);line-height:1.1}.hero-description{color:#ffffffe6;max-width:940px;margin:0;font-size:clamp(1.05rem,2.1vw,1.35rem);line-height:1.8}.hero-description strong{color:#fff}.hero-visual{flex:0 0 320px;justify-content:flex-end;display:flex}.hero-portrait{object-fit:cover;border:3px solid #fff3;border-radius:28px;width:min(100%,320px);height:360px;box-shadow:0 18px 38px #0f172a3d}.hero-image-slot{background:linear-gradient(160deg,#ffffff1f,#ffffff0d),radial-gradient(circle at top,#ffffff24,#0000 50%);border:2px dashed #ffffff52;border-radius:28px;justify-content:center;align-items:center;width:min(100%,320px);height:360px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a}.hero-image-slot__label{color:#fff;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;padding:12px 18px;font-size:.95rem;font-weight:600}.portfolio-showcase{background:#fff;padding:0 0 96px;position:relative}.portfolio-showcase__top-line{display:none}.portfolio-showcase__inner{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border-radius:34px;padding:48px 36px 72px;box-shadow:0 24px 50px #0f172a2e}.portfolio-showcase__intro{text-align:center;max-width:640px;margin:0 auto 64px}.portfolio-showcase__eyebrow{color:#93c5fd;letter-spacing:.18em;margin:0 0 12px;font-size:.82rem;font-weight:700}.portfolio-showcase__title{color:#fff;margin:0;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.08}.portfolio-showcase__summary{color:#e2e8f0d1;max-width:580px;margin:18px auto 0;font-size:1rem;line-height:1.8}.timeline-layout{flex-direction:column;gap:72px;display:flex}.timeline-layout__row{grid-template-columns:minmax(250px,420px) minmax(260px,1fr);justify-content:center;align-items:center;gap:40px;max-width:920px;margin:0 auto;display:grid}.timeline-layout__row--reverse{grid-template-columns:minmax(260px,1fr) minmax(250px,420px)}.image-placeholder{background:linear-gradient(135deg,#1e293bcc,#0f172a75),radial-gradient(circle at top,#3b82f62e,#0000 45%);border:1.5px dashed #94a3b88c;border-radius:26px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff08}.image-placeholder--tall{min-height:340px}.image-placeholder--wide{min-height:220px}.image-placeholder__label{color:#dbeafe;letter-spacing:.02em;background:#2563eb29;border:1px solid #93c5fd40;border-radius:999px;padding:12px 18px;font-size:.95rem;font-weight:600}.timeline-image{object-fit:cover;border-style:solid;width:100%;height:100%}.timeline-step{align-items:center;min-height:340px;padding-left:64px;display:flex;position:relative}.timeline-step--secondary{justify-content:flex-end;min-height:220px;padding-left:0;padding-right:64px}.timeline-step__marker{color:#eff6ff;background:#3b82f62e;border:1px solid #93c5fd33;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.76rem;font-weight:700;display:flex;position:absolute;top:12px;left:0}.timeline-step--secondary .timeline-step__marker{left:auto;right:0}.timeline-step__line{background:linear-gradient(#94a3b8d1,#94a3b81a);width:1px;height:calc(100% - 72px);position:absolute;top:48px;left:14px}.timeline-step__content{max-width:360px}.timeline-step__title{color:#fff;margin:0 0 12px;font-size:1.8rem;font-weight:700;line-height:1.15}.timeline-step__text{color:#e2e8f0d1;margin:0;font-size:1rem;line-height:1.8}.timeline-step__link{color:#fff;border-bottom:1px solid #ffffff80;margin-top:18px;font-weight:600;display:inline-block}.page-placeholder{padding:48px 0 72px}.page-placeholder__card{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border:1px solid #2563eb2e;border-radius:34px;padding:40px 32px;box-shadow:0 24px 50px #0f172a29}.page-placeholder__title{color:#fff;margin:0 0 12px;font-size:2rem}.page-placeholder__text{color:#ffffffe6;margin:0;font-size:1.05rem;line-height:1.8}.about-page,.skills-page{padding:48px 0 72px}.skills-hero{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border-radius:34px;padding:42px 32px;box-shadow:0 24px 50px #0f172a2e}.skills-hero__eyebrow{color:#93c5fd;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.85rem;font-weight:700}.skills-hero__title{color:#fff;max-width:860px;margin:0;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.1}.skills-hero__text{color:#e2e8f0db;max-width:760px;margin:18px 0 0;font-size:1.02rem;line-height:1.8}.skills-grid{grid-template-columns:1.1fr .9fr;gap:24px;margin-top:28px;display:grid}.skills-card{background:#fff;border:1px solid #94a3b838;border-radius:28px;padding:30px 28px;box-shadow:0 18px 40px #0f172a14}.skills-card--highlight{background:linear-gradient(#dbeafecc,#fffffffa)}.skills-card__label{color:#2563eb;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}.skills-card__label--light{color:#93c5fd}.skills-card__title{color:#0f172a;margin:0;font-size:1.8rem;line-height:1.2}.skills-card__text{color:#475569;margin:16px 0 0;font-size:1rem;line-height:1.85}.skills-tags{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.skills-tags__item{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-radius:999px;align-items:center;padding:10px 16px;font-weight:700;line-height:1.2;display:inline-flex}.skills-showcase{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border-radius:34px;margin-top:28px;padding:36px;box-shadow:0 24px 50px #0f172a2e}.skills-showcase__intro{max-width:720px}.skills-showcase__title{color:#fff;margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15}.skills-showcase__text{color:#e2e8f0d6;margin:16px 0 0;line-height:1.8}.skills-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px;display:grid}.skills-category-card{background:#ffffff14;border:1px solid #bfdbfe29;border-radius:24px;padding:24px}.skills-category-card__badge{color:#eff6ff;background:#2563eb3d;border:1px solid #bfdbfe38;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:inline-flex}.skills-category-card__title{color:#fff;margin:18px 0 0;font-size:1.3rem;line-height:1.3}.skills-category-card__description{color:#e2e8f0cc;margin:12px 0 0;line-height:1.75}.skills-category-card__list{gap:12px;margin-top:18px;display:grid}.skills-category-card__item{align-items:flex-start;gap:10px;display:flex}.skills-category-card__item p{color:#e2e8f0e6;margin:0;line-height:1.7}.skills-category-card__dot{background:#9df8f0;border-radius:999px;flex:0 0 10px;width:10px;height:10px;margin-top:8px}.skills-highlights{margin-top:28px}.skills-highlights__intro{max-width:620px}.skills-highlights__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px;display:grid}.skills-highlight-card{background:#fff;border:1px solid #94a3b838;border-radius:26px;padding:28px 24px;box-shadow:0 18px 38px #0f172a14}.skills-highlight-card__title{color:#0f172a;margin:0;font-size:1.25rem;line-height:1.3}.skills-highlight-card__text{color:#475569;margin:14px 0 0;line-height:1.8}.about-hero{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border-radius:34px;padding:40px 36px;box-shadow:0 24px 50px #0f172a2e}.about-hero__eyebrow{color:#93c5fd;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:.88rem;font-weight:700}.about-hero__title{color:#fff;max-width:760px;margin:0;font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.1}.about-hero__text{color:#e2e8f0e0;max-width:760px;margin:18px 0 0;font-size:1.05rem;line-height:1.9}.about-grid{grid-template-columns:1.1fr .9fr;gap:24px;margin-top:28px;display:grid}.about-card{background:#fff;border:1px solid #94a3b838;border-radius:28px;padding:30px 28px;box-shadow:0 18px 40px #0f172a14}.about-card--highlight{background:linear-gradient(#dbeafecc,#fffffffa)}.about-card__label{color:#2563eb;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}.about-card__title{color:#0f172a;margin:0;font-size:1.8rem;line-height:1.2}.about-card__text{color:#475569;margin:16px 0 0;font-size:1rem;line-height:1.85}.about-strengths{gap:16px;margin-top:18px;display:grid}.about-strengths__item{align-items:flex-start;gap:12px;display:flex}.about-strengths__item p{color:#475569;margin:0;line-height:1.75}.about-strengths__dot{background:linear-gradient(135deg,#2563eb,#0f8aa6);border-radius:999px;flex:0 0 12px;width:12px;height:12px;margin-top:8px}.about-experience{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border-radius:34px;margin-top:28px;padding:36px;box-shadow:0 24px 50px #0f172a2e}.about-experience__intro{max-width:700px}.about-experience .about-card__label{color:#93c5fd}.about-experience .about-card__title{color:#fff}.about-experience .about-card__text{color:#e2e8f0d1}.about-experience__list{gap:18px;margin-top:28px;display:grid}.experience-card{background:#ffffff14;border:1px solid #bfdbfe29;border-radius:24px;grid-template-columns:64px 1fr;align-items:flex-start;gap:18px;padding:24px;display:grid}.experience-card__number{color:#eff6ff;background:#2563eb3d;border:1px solid #bfdbfe38;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.experience-card__title{color:#fff;margin:0;font-size:1.3rem}.experience-card__company{color:#93c5fd;margin:6px 0 0;font-weight:600}.experience-card__text{color:#e2e8f0d6;margin:12px 0 0;line-height:1.8}.certificates-page,.contact-page{padding:48px 0 72px}.contact-hero{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border-radius:34px;padding:42px 32px;box-shadow:0 24px 50px #0f172a2e}.contact-hero__eyebrow{color:#93c5fd;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.85rem;font-weight:700}.contact-hero__title{color:#fff;max-width:860px;margin:0;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.1}.contact-hero__text{color:#e2e8f0db;max-width:760px;margin:18px 0 0;font-size:1.02rem;line-height:1.8}.contact-grid{grid-template-columns:1.1fr .9fr;gap:24px;margin-top:28px;display:grid}.contact-card{background:#fff;border:1px solid #94a3b838;border-radius:28px;padding:30px 28px;box-shadow:0 18px 40px #0f172a14}.contact-card__label{color:#2563eb;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}.contact-card__label--light{color:#93c5fd}.contact-card__title{color:#0f172a;margin:0;font-size:1.8rem;line-height:1.2}.contact-card__text{color:#475569;margin:16px 0 0;font-size:1rem;line-height:1.85}.contact-list{gap:16px;margin-top:22px;display:grid}.contact-list__item{background:linear-gradient(#dbeafeb8,#fffffffa);border:1px solid #bfdbfea6;border-radius:22px;grid-template-columns:56px 1fr;align-items:flex-start;gap:16px;padding:20px;display:grid}.contact-list__icon{color:#fff;background:linear-gradient(135deg,#2563eb,#0f8aa6);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1rem;display:flex;box-shadow:0 12px 24px #2563eb33}.contact-list__label{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.contact-list__link{color:#0f172a;word-break:break-word;margin-top:6px;font-weight:700;line-height:1.6;transition:color .25s;display:inline-block}.contact-list__link:hover,.contact-list__link:focus-visible{color:#1d4ed8;outline:none}.contact-list__note{color:#475569;margin:8px 0 0;line-height:1.7}.contact-sidebar{gap:24px;display:grid}.contact-sidebar__panel{border-radius:28px;padding:30px 28px;box-shadow:0 18px 40px #0f172a14}.contact-sidebar__panel--primary{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%)}.contact-sidebar__panel--secondary{background:#fff;border:1px solid #94a3b838}.contact-sidebar__title{color:#fff;margin:0;font-size:1.8rem;line-height:1.2}.contact-sidebar__text{color:#e2e8f0d6;margin:16px 0 0;line-height:1.85}.contact-highlights{gap:16px;margin-top:22px;display:grid}.contact-highlights__item{align-items:flex-start;gap:12px;display:flex}.contact-highlights__item p{color:#e2e8f0e0;margin:0;line-height:1.75}.contact-highlights__dot{background:#9df8f0;border-radius:999px;flex:0 0 12px;width:12px;height:12px;margin-top:8px}.contact-availability{grid-template-columns:52px 1fr;align-items:flex-start;gap:16px;display:grid}.contact-availability__icon{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-radius:18px;width:52px;height:52px;padding:14px}.contact-availability__label{color:#2563eb;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.contact-availability__text{color:#475569;margin:10px 0 0;line-height:1.8}.certificates-hero{background:linear-gradient(90deg,#101a38 0%,#2a4fa8 48%,#0f8aa6 100%);border-radius:34px;padding:42px 32px;box-shadow:0 24px 50px #0f172a2e}.certificates-hero__eyebrow{color:#93c5fd;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.85rem;font-weight:700}.certificates-hero__title{color:#fff;margin:0;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.1}.certificates-hero__text{color:#e2e8f0db;max-width:760px;margin:18px 0 0;font-size:1.02rem;line-height:1.8}.certificates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px;display:grid}.certificate-card{background:#fff;border:1px solid #94a3b838;border-radius:26px;padding:24px;box-shadow:0 18px 38px #0f172a14}.certificate-card__image-slot{text-align:center;background:linear-gradient(160deg,#dbeafeb3,#e0f2fe73);border:1.5px dashed #2563eb47;border-radius:22px;justify-content:center;align-items:center;min-height:290px;padding:20px;display:flex}.certificate-card__image-text{color:#2563eb;margin:0;font-size:.95rem;font-weight:700;line-height:1.6}.certificate-card__image{object-fit:cover;border-radius:16px;width:100%;height:100%;max-height:330px;display:block}.certificate-card__body{padding:24px 4px 8px}.certificate-card__badge{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;font-weight:800;display:inline-flex}.certificate-card__title{color:#0f172a;margin:0;font-size:1.35rem;line-height:1.3}.certificate-card__meta{color:#2563eb;margin:10px 0 0;font-size:.96rem;font-weight:600}.certificate-card__description{color:#475569;margin:14px 0 0;font-size:1rem;line-height:1.8}@media (width<=1024px){.skills-category-grid,.certificates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-highlights__grid{grid-template-columns:1fr}}@media (width<=768px){.site-navbar__inner{flex-direction:column;align-items:flex-start;width:min(100% - 20px,1200px);min-height:76px;padding:12px 0}.site-brand{font-size:1.75rem}.site-brand__image{width:36px;height:36px}.site-menu{justify-content:flex-start;gap:8px;width:100%}.site-menu__link{padding:8px 12px;font-size:.98rem}.page-section{width:min(100% - 20px,1200px)}.hero-section{padding:28px 0 48px}.hero-card{border-radius:28px;padding:32px 22px}.hero-content{flex-direction:column;align-items:flex-start}.hero-visual{flex:none;justify-content:center;width:100%}.hero-portrait,.hero-image-slot{width:min(100%,280px);height:300px}.hero-eyebrow{letter-spacing:.2em;font-size:.92rem}.hero-description{line-height:1.7}.portfolio-showcase{padding-bottom:64px}.portfolio-showcase__inner{padding:32px 22px 48px}.portfolio-showcase__intro{margin-bottom:44px}.timeline-layout{gap:36px}.timeline-layout__row,.timeline-layout__row--reverse{grid-template-columns:1fr;gap:24px}.timeline-step,.timeline-step--secondary{justify-content:flex-start;min-height:auto;padding:52px 0 0}.timeline-step__marker,.timeline-step--secondary .timeline-step__marker{left:0;right:auto}.timeline-step__line{height:56px}.timeline-step__content{max-width:none}.image-placeholder--tall{min-height:280px}.image-placeholder--wide{min-height:200px}.about-page,.skills-page{padding:28px 0 48px}.skills-hero,.skills-showcase{border-radius:28px;padding:32px 22px}.skills-grid{grid-template-columns:1fr}.skills-card,.skills-highlight-card{border-radius:24px;padding:24px 22px}.skills-category-grid,.skills-highlights__grid{grid-template-columns:1fr}.skills-category-card{padding:22px 20px}.about-hero,.about-experience{border-radius:28px;padding:32px 22px}.about-grid{grid-template-columns:1fr}.about-card{border-radius:24px;padding:24px 22px}.experience-card{grid-template-columns:1fr;gap:14px;padding:20px}.certificates-page,.contact-page{padding:28px 0 48px}.contact-hero{border-radius:28px;padding:32px 22px}.contact-grid{grid-template-columns:1fr}.contact-card,.contact-sidebar__panel{border-radius:24px;padding:24px 22px}.contact-list__item{grid-template-columns:1fr}.contact-list__icon,.contact-availability__icon{width:48px;height:48px}.contact-availability{grid-template-columns:1fr}.certificates-hero{border-radius:28px;padding:32px 22px}.certificates-grid{grid-template-columns:1fr;gap:22px}.certificate-card{border-radius:22px;padding:20px}.certificate-card__image-slot{min-height:220px}}.footer{color:#fff;background-color:#0f172a;margin-top:80px;padding:40px 20px}.footer-container{max-width:900px;margin:0 auto}.footer-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-bottom:20px;display:flex}.footer-contact{flex-wrap:wrap;gap:20px;display:flex}.footer-contact p{color:#cbd5f5;align-items:center;gap:8px;margin:0;display:flex}.footer-socials{gap:15px;display:flex}.footer-socials a{color:#cbd5f5;font-size:20px;transition:all .3s}.footer-socials a:hover{color:#38bdf8;transform:scale(1.2)}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #334155;padding-top:10px;font-size:13px}