:root{--font-sans: "Manrope", system-ui, -apple-system, sans-serif;--bg-page: #eef1f5;--bg-elevated: #ffffff;--bg-muted: #f4f6f9;--bg-hero-mesh: radial-gradient( ellipse 100% 80% at 100% 0%, rgba(30, 58, 95, .07) 0%, transparent 55% ), radial-gradient( ellipse 90% 70% at 0% 100%, rgba(13, 148, 136, .06) 0%, transparent 50% );--border: #d5dce5;--border-strong: #b8c2cf;--text: #0f1419;--text-secondary: #4b5565;--text-muted: #6b728a;--accent: #1e3a5f;--accent-hover: #152d4d;--accent-soft: rgba(30, 58, 95, .1);--accent-border: rgba(30, 58, 95, .22);--teal: #0d9488;--teal-soft: rgba(13, 148, 136, .12);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 6px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .12);--shadow-btn: 0 8px 28px rgba(30, 58, 95, .22);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--space-page: clamp(1.25rem, 4vw, 3.5rem);--max-w: 1120px;--nav-h: 64px;--ease-out: cubic-bezier(.34, 1.3, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{min-height:100vh}.app-shell{position:relative}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='%231e3a5f' fill-opacity='0.055'/%3E%3C/svg%3E");background-size:72px 72px;z-index:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-page);background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.nav__brand{position:relative;font-family:var(--font-sans);font-size:.9375rem;font-weight:800;letter-spacing:-.04em;color:var(--accent);cursor:pointer;text-decoration:none;border:none;background:none;padding:.35rem .5rem .35rem 0;margin:-.35rem 0 -.35rem -.35rem;border-radius:var(--radius-sm);transition:color .25s var(--ease-in-out),transform .25s var(--ease-out),box-shadow .25s ease}.nav__brand:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--teal));transition:width .3s var(--ease-out)}.nav__brand:hover{color:var(--accent-hover);transform:translateY(-1px)}.nav__brand:hover:after{width:100%}.nav__brand:active{transform:translateY(0) scale(.98)}.nav__brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){.nav__brand{transition:color .15s ease}.nav__brand:hover,.nav__brand:active{transform:none}.nav__brand:after{transition:none}}.nav__links{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.5rem);flex-wrap:wrap;justify-content:flex-end}.nav__link{position:relative;font-size:.8125rem;font-weight:600;letter-spacing:-.02em;color:var(--text-secondary);cursor:pointer;background:none;border:none;padding:.4rem .15rem;transition:color .2s var(--ease-in-out)}.nav__link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--teal));transition:width .28s var(--ease-out)}.nav__link:hover{color:var(--accent)}.nav__link:hover:after{width:100%}.nav__link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}@media(max-width:640px){.nav__links{gap:.65rem}.nav__link{font-size:.75rem}}.hero{position:relative;z-index:1;padding:clamp(2.5rem,6vw,4rem) var(--space-page) clamp(3rem,7vw,5rem);background:var(--bg-elevated);background-image:var(--bg-hero-mesh);border-bottom:1px solid var(--border)}.hero__grid{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr minmax(260px,340px);gap:clamp(2rem,5vw,4rem);align-items:start}@media(max-width:900px){.hero__grid{grid-template-columns:1fr}}.hero__eyebrow{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:linear-gradient(135deg,#1e3a5f17,#0d948814);border:1px solid var(--accent-border);padding:.5rem 1rem;border-radius:999px;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.hero__title{font-size:clamp(2.125rem,4.5vw,2.875rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text);margin-bottom:.5rem}.hero__title span{color:var(--accent)}.hero__role{font-size:1.0625rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.25rem;letter-spacing:-.02em}.hero__bio{font-size:1rem;font-weight:500;color:var(--text-secondary);line-height:1.78;max-width:34rem;margin-bottom:1.75rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.875rem;font-weight:700;letter-spacing:-.02em;padding:.7rem 1.45rem;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;border:1px solid transparent;overflow:hidden;isolation:isolate;transition:transform .28s var(--ease-out),box-shadow .28s ease,background .25s ease,border-color .25s ease,color .25s ease,filter .25s ease}.btn__label{position:relative;z-index:1}.btn--primary{background:linear-gradient(180deg,#254a73 0%,var(--accent) 100%);color:#fff;border-color:#00000014;box-shadow:0 2px #0000000f,var(--shadow-sm)}.btn--primary:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%,transparent 100%);transform:translate(-130%) skew(-14deg);transition:transform .7s var(--ease-out);pointer-events:none}.btn--primary:hover{background:linear-gradient(180deg,#2d5685 0%,var(--accent-hover) 100%);transform:translateY(-3px);box-shadow:0 10px 28px #1e3a5f52;filter:brightness(1.03)}.btn--primary:hover:before{transform:translate(130%) skew(-14deg)}.btn--primary:active{transform:translateY(0) scale(.96);box-shadow:0 2px 8px #1e3a5f47;filter:brightness(.97);transition-duration:.08s}.btn--secondary{background:var(--bg-elevated);color:var(--accent);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn--secondary:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(30,58,95,.09) 50%,transparent 62%,transparent 100%);transform:translate(-130%) skew(-14deg);transition:transform .7s var(--ease-out);pointer-events:none}.btn--secondary:hover{border-color:var(--accent);background:linear-gradient(180deg,#f8fafc 0%,var(--accent-soft) 100%);transform:translateY(-3px);box-shadow:0 8px 24px #0f172a1a}.btn--secondary:hover:before{transform:translate(130%) skew(-14deg)}.btn--secondary:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow-sm);transition-duration:.08s}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.btn,.btn--primary,.btn--secondary{transition:background .15s ease,border-color .15s ease,filter .15s ease}.btn--primary:before,.btn--secondary:before{display:none}.btn--primary:hover,.btn--secondary:hover{transform:none;filter:none}.btn--primary:active,.btn--secondary:active{transform:none}}.hero__stats{display:flex;flex-wrap:wrap;gap:clamp(1.25rem,4vw,2.5rem);margin-top:2.25rem;padding-top:1.75rem;border-top:1px solid var(--border)}.hero__stat-num{font-family:var(--font-sans);font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:-.03em}.hero__stat-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-top:.25rem}.hero__aside{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;position:relative}.hero__photo-btn{display:block;margin:0 auto;padding:0;border:none;background:none;cursor:pointer;line-height:0;border-radius:50%;transition:transform .2s var(--ease-out)}.hero__photo-btn:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hero__photo-btn:active .hero__photo-ring{transform:scale(.98)}.hero__photo-ring{width:min(240px,72vw);height:min(240px,72vw);margin-left:auto;margin-right:auto;padding:5px;border-radius:50%;background:linear-gradient(145deg,#1e3a5f33,#0d948840);box-shadow:var(--shadow-lg);transition:transform .35s var(--ease-out),box-shadow .35s ease}.hero__photo-btn:hover .hero__photo-ring{transform:scale(1.02);box-shadow:0 20px 56px #0f172a26}@media(prefers-reduced-motion:reduce){.hero__photo-btn:hover .hero__photo-ring,.hero__photo-btn:active .hero__photo-ring{transform:none}}.welcome-toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:10000;pointer-events:auto;display:flex;gap:.75rem;align-items:flex-start;max-width:min(22rem,calc(100vw - 2rem));padding:1rem 1rem 1rem 1.15rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:welcome-toast-in .35s var(--ease-out) both}@keyframes welcome-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.welcome-toast__text{font-size:.9375rem;font-weight:600;line-height:1.55;color:var(--text);letter-spacing:-.02em;margin:0;text-align:left}.welcome-toast__close{flex-shrink:0;width:2rem;height:2rem;margin:-.2rem -.2rem 0 0;border:none;border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-secondary);font-size:1.35rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.welcome-toast__close:hover{background:var(--accent-soft);color:var(--accent)}@media(prefers-reduced-motion:reduce){.welcome-toast{animation:none}}.hero__photo-wrap{border-radius:50%;overflow:hidden;width:100%;height:100%;border:3px solid var(--bg-elevated);box-sizing:border-box}.hero__photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero__highlights{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.highlight-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem .9rem;transition:border-color .2s ease,box-shadow .25s ease,transform .25s var(--ease-out)}.highlight-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.highlight-card:hover{transform:none}}.highlight-card__icon{font-size:1.125rem;margin-bottom:.35rem;line-height:1}.highlight-card__label{font-size:.75rem;font-weight:700;color:var(--text);line-height:1.35;letter-spacing:-.01em}.highlight-card__sub{font-size:.6875rem;font-weight:600;color:var(--text-muted);margin-top:.25rem;letter-spacing:.02em}.section{position:relative;z-index:1;padding:clamp(2.75rem,5vw,3.75rem) var(--space-page);border-bottom:1px solid var(--border)}.section--muted{background:linear-gradient(180deg,#e9edf3 0%,var(--bg-page) 100%)}.section--surface{background:var(--bg-elevated)}.section__inner{max-width:var(--max-w);margin:0 auto}.section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.section-head__eyebrow{font-family:var(--font-sans);font-size:.75rem;font-weight:800;letter-spacing:.02em;color:var(--teal)}.section-head__title{font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.04em;color:var(--text)}.section-head__line{flex:1;min-width:3rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--border-strong),rgba(13,148,136,.35),transparent)}.about-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,2rem);box-shadow:var(--shadow-sm);max-width:52rem}.about-card p{font-size:1rem;font-weight:500;color:var(--text-secondary);line-height:1.78;margin-bottom:1rem}.about-card p:last-of-type{margin-bottom:0}.about-card strong,.about-card .accent{color:var(--accent);font-weight:700}.about-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{font-family:var(--font-sans);font-size:.75rem;font-weight:700;padding:.4rem .75rem;border-radius:999px;background:var(--teal-soft);color:#0c6b62;border:1px solid rgba(13,148,136,.28);transition:transform .2s ease,box-shadow .2s ease}.tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.skills-bento{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.skill-tile{background:linear-gradient(165deg,#fafbfd 0%,var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem 1.2rem 1.25rem;box-shadow:var(--shadow-sm);transition:border-color .22s ease,box-shadow .28s ease,transform .28s var(--ease-out);position:relative;overflow:hidden}.skill-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--teal));opacity:.85;transform:scaleX(.35);transform-origin:left;transition:transform .35s var(--ease-out)}.skill-tile:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.skill-tile:hover:before{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.skill-tile:hover{transform:none}.skill-tile:before{transform:scaleX(1);opacity:1}}.skill-tile__title{font-size:.8125rem;font-weight:800;letter-spacing:-.02em;color:var(--accent);margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.skill-tile__list{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.skill-tile__item{font-size:.8125rem;font-weight:600;color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border);padding:.35rem .65rem;border-radius:999px;transition:background .2s ease,border-color .2s ease,color .2s ease}.skill-tile:hover .skill-tile__item{border-color:#1e3a5f26}.skill-tile__item:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1.35rem}.project-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .25s ease,box-shadow .3s ease,transform .3s var(--ease-out)}.project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.project-card:hover{transform:none}}.project-card__accent{height:4px;width:100%;background:linear-gradient(90deg,var(--accent),var(--teal) 55%,#5eead4);flex-shrink:0}.project-card__badge{display:inline-block;font-family:var(--font-sans);font-size:.625rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);padding:.3rem .6rem;border-radius:var(--radius-sm);margin:1.1rem 1.35rem 0;align-self:flex-start}.project-card__title{font-size:1.125rem;font-weight:800;letter-spacing:-.03em;color:var(--text);margin:.65rem 1.35rem .5rem}.project-card__desc{font-size:.875rem;font-weight:500;color:var(--text-secondary);line-height:1.72;margin:0 1.35rem 1rem;flex:1}.project-card__tech{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 1.35rem 1.15rem}.tech-chip{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;letter-spacing:-.01em;padding:.3rem .55rem;border-radius:999px;background:var(--bg-muted);color:var(--text-secondary);border:1px solid var(--border);transition:border-color .2s ease,background .2s ease}.project-card:hover .tech-chip{border-color:#1e3a5f1f}.project-card__links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:1rem 1.35rem 1.35rem;margin-top:auto;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(30,58,95,.02))}.link-arrow{font-size:.875rem;font-weight:700;letter-spacing:-.02em;color:var(--accent);text-decoration:none;position:relative;padding:.2rem 0;transition:color .2s ease,transform .2s var(--ease-out)}.link-arrow:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}.link-arrow:hover{color:var(--accent-hover)}.link-arrow:hover:after{transform:scaleX(1)}.link-arrow:active{transform:scale(.97)}.exp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.15rem}@media(max-width:800px){.exp-grid{grid-template-columns:1fr}}.exp-card{background:linear-gradient(180deg,var(--bg-muted) 0%,var(--bg-elevated) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.3rem 1.35rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .22s ease,box-shadow .28s ease,transform .28s var(--ease-out);box-shadow:var(--shadow-sm)}.exp-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.exp-card:hover{transform:none}}.exp-card__top{display:flex;gap:1rem;align-items:flex-start}.exp-card__logo{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.8125rem;font-weight:800;flex-shrink:0;border:1px solid}.exp-card__meta{flex:1;min-width:0}.exp-card__title{font-size:.9375rem;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.35}.exp-card__company{font-size:.8125rem;font-weight:700;color:var(--accent);margin-top:.2rem}.exp-card__date{font-family:var(--font-sans);font-size:.6875rem;font-weight:700;color:var(--text-muted);margin-top:.35rem;letter-spacing:.02em}.exp-card__desc{font-size:.875rem;font-weight:500;color:var(--text-secondary);line-height:1.68;margin:0;padding-top:.85rem;border-top:1px solid var(--border)}.footer{position:relative;z-index:1;padding:1.75rem var(--space-page) 1.5rem;background:var(--bg-elevated);border-top:1px solid var(--border)}.footer__inner{max-width:var(--max-w);margin:0 auto}.footer__top{display:grid;grid-template-columns:1fr auto;gap:1.25rem 2rem;align-items:start;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}@media(max-width:720px){.footer__top{grid-template-columns:1fr;gap:1rem}}.footer__intro{text-align:left;min-width:0}.footer__title{font-size:clamp(1.125rem,2.2vw,1.35rem);font-weight:800;letter-spacing:-.04em;line-height:1.25;color:var(--text);margin-bottom:.35rem}.footer__sub{font-size:.875rem;font-weight:500;color:var(--text-secondary);line-height:1.55;max-width:28rem}.footer__actions{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;text-align:right}@media(max-width:720px){.footer__actions{align-items:flex-start;text-align:left}}.footer__mailto{font-family:var(--font-sans);font-size:.8125rem;font-weight:700;color:var(--accent);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease,color .2s ease;word-break:break-all}.footer__mailto:hover{border-bottom-color:var(--teal);color:var(--accent-hover)}.footer__socials{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem 1rem}@media(max-width:720px){.footer__socials{justify-content:flex-start}}.footer__link{font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.footer__link:hover{color:var(--accent);border-bottom-color:var(--accent-border)}.footer__link:active{transform:scale(.98)}.footer__copy{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em;padding-top:1rem;text-align:center}