@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-muted:#2563eb14;--color-background:#fff;--color-surface:#f6f7f9;--color-surface-2:#eef0f3;--color-border:#e4e4e7;--color-text:#18181b;--color-text-secondary:#52525b;--color-text-muted:#8b8b96;--navbar-height:64px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:var(--font-body);background-color:var(--color-background)}h1,h2,h3{font-family:var(--font-display)}#root{min-height:100vh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){:root{--navbar-height:56px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.navbar{width:100%;height:var(--navbar-height);z-index:1000;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background-color:#ffffffd9;justify-content:space-between;align-items:center;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0}.navbar__logo{font-family:var(--font-display);color:var(--color-text);letter-spacing:.06em;font-size:1rem;font-weight:700;text-decoration:none}.navbar__links{align-items:center;gap:2rem;display:flex}.navbar__links a{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.navbar__links a:hover{color:var(--color-primary)}@media (width<=768px){.navbar{padding:0 1.5rem}.navbar__links{gap:1.1rem}.navbar__links a{font-size:.75rem}}@media (width<=480px){.navbar{padding:0 1.25rem}.navbar__logo{font-size:.9rem}.navbar__links{gap:.7rem}.navbar__links a{font-size:.65rem}}.hero{text-align:center;background-image:linear-gradient(to top, #0a0a0cd9 0%, #0a0a0c73 40%, #0a0a0c1a 75%), var(--hero-photo);background-position:28% 22%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100vh;padding:4rem 4rem 5rem;display:flex;position:relative;overflow:hidden}.hero__content{z-index:1;flex-direction:column;align-items:center;max-width:780px;display:flex;position:relative}.hero__eyebrow{color:#fff;opacity:.75;letter-spacing:.2em;margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.hero__title{color:#fff;letter-spacing:-.03em;text-shadow:0 2px 24px #00000059;margin:0;font-size:clamp(2.75rem,6vw,4.75rem);font-weight:700;line-height:1.05}.hero__role{color:#ffffffd9;letter-spacing:.02em;margin-top:1.5rem;font-size:1.1rem}.hero__role-typed{color:var(--color-primary-hover);letter-spacing:.02em;text-transform:uppercase;font-weight:600}.hero__role-cursor{background-color:var(--color-primary-hover);vertical-align:-.15em;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite hero-cursor-blink;display:inline-block}@keyframes hero-cursor-blink{50%{opacity:0}}.hero__actions{justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.hero__button{letter-spacing:.03em;border-radius:8px;justify-content:center;align-items:center;padding:.9rem 1.75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero__button--primary{background-color:var(--color-primary);color:#fff}.hero__button--primary:hover{background-color:var(--color-primary-hover)}.hero__button--secondary{color:#fff;border:1px solid #ffffff80}.hero__button--secondary:hover{background-color:#ffffff1a;border-color:#fff}.hero__scroll{z-index:1;color:#ffffffa6;letter-spacing:.15em;align-items:center;gap:.75rem;font-size:.7rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-arrow{color:#fff;font-size:1.2rem}@media (width<=1024px){.hero{padding:3rem 3rem 4.5rem}}@media (width<=768px){.hero{background-position:35% 20%;min-height:100vh;padding:2rem 2rem 4rem}.hero__title{font-size:clamp(2.25rem,10vw,3.25rem)}.hero__role{margin-top:1.1rem;font-size:.9rem}.hero__actions{flex-direction:column;align-items:stretch;width:100%;max-width:280px;margin-top:2rem}.hero__button{width:100%}.hero__scroll{display:none}}@media (width<=480px){.hero{padding:1.5rem 1.5rem 3.5rem}.hero__eyebrow{margin-bottom:1rem;font-size:.7rem}.hero__title{letter-spacing:-.02em;overflow-wrap:break-word;font-size:clamp(2rem,9vw,2.75rem);line-height:1.1}.hero__role{font-size:.8rem;line-height:1.4}}.about{text-align:center;background-color:var(--color-surface);flex-direction:column;align-items:center;padding:6rem 4rem;display:flex}.about__header{margin-bottom:3rem}.about__eyebrow{color:var(--color-primary);letter-spacing:.2em;margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.about__title{color:var(--color-text);letter-spacing:-.03em;font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:700;line-height:1.05}.about__content{flex-direction:column;align-items:center;width:100%;max-width:780px;display:flex}.about__intro p{color:var(--color-text-secondary);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.about__intro p+p{margin-top:1.25rem}.about__details{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:3rem;width:100%;margin-top:3.5rem;padding-top:2.5rem;display:flex}.about__item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.about__label{color:var(--color-primary);letter-spacing:.15em;font-size:.7rem;font-weight:600}.about__value{color:var(--color-text);text-align:center;font-size:.95rem}@media (width<=768px){.about{padding:5rem 2rem}.about__header{margin-bottom:2.5rem}.about__details{gap:2rem}}@media (width<=480px){.about{padding:4rem 1.5rem}.about__eyebrow{font-size:.65rem}.about__details{flex-direction:column;gap:1.5rem;margin-top:2.5rem;padding-top:2rem}}.projects{background-color:var(--color-background);flex-direction:column;align-items:center;padding:7rem 4rem;display:flex}.projects__header{text-align:center;margin-bottom:3rem}.projects__eyebrow{color:var(--color-primary);letter-spacing:.2em;margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.projects__title{color:var(--color-text);letter-spacing:-.03em;font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:700;line-height:1.05}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;width:100%;max-width:1200px;display:grid}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px -12px #18181b2e}.project-card__preview{background-color:var(--color-surface-2);height:180px;color:var(--color-text-muted);letter-spacing:.2em;justify-content:center;align-items:center;font-size:.65rem;display:flex}.project-card__body{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.project-card__category{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}.project-card__title{font-family:var(--font-display);color:var(--color-text);font-size:1.2rem;line-height:1.3}.project-card__year{color:var(--color-text-muted);font-size:.8rem}.project-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#18181b8c;justify-content:center;align-items:center;padding:2rem;animation:.2s forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.project-modal{background-color:var(--color-background);border-radius:20px;width:100%;max-width:880px;max-height:88vh;padding:2rem;animation:.25s forwards modalRiseIn;overflow-y:auto;box-shadow:0 24px 60px -20px #18181b59}@keyframes modalRiseIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.project-modal__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.project-modal__category{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.project-modal__header-right{align-items:center;gap:1rem;display:flex}.project-modal__counter{background-color:var(--color-surface);color:var(--color-text-secondary);border-radius:999px;padding:.35rem .75rem;font-size:.75rem}.project-modal__close{background-color:var(--color-surface);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background-color .2s,color .2s;display:flex}.project-modal__close:hover{background-color:var(--color-surface-2);color:var(--color-text)}.project-modal__title{color:var(--color-text);margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.15}.project-modal__date{color:var(--color-primary);margin-bottom:1rem;font-size:.85rem;font-weight:600}.project-modal__description{color:var(--color-text-secondary);margin-bottom:1.75rem;font-size:.95rem;line-height:1.65}.project-modal__preview{background-color:var(--color-surface);border:1px solid var(--color-border);height:280px;color:var(--color-text-muted);letter-spacing:.2em;border-radius:14px;justify-content:center;align-items:center;margin-bottom:2rem;font-size:.7rem;display:flex}.project-modal__label{color:var(--color-text-muted);letter-spacing:.15em;margin-bottom:1rem;font-size:.7rem;font-weight:600}.project-modal__highlights{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.75rem;display:grid}.project-modal__highlight{background-color:var(--color-surface);border-radius:12px;gap:.85rem;padding:1.1rem;display:flex}.project-modal__highlight-number{background-color:var(--color-primary-muted);width:22px;height:22px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.project-modal__highlight p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.project-modal__technologies{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.project-modal__technologies span{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:999px;padding:.45rem .75rem;font-size:.7rem}.project-modal__nav{justify-content:center;gap:.75rem;display:flex}.project-modal__nav button{background-color:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.project-modal__nav button:hover{color:var(--color-primary);border-color:var(--color-primary)}@media (width<=768px){.projects{padding:5rem 1.5rem}.projects__header{margin-bottom:2.5rem}.project-modal{padding:1.5rem}.project-modal__highlights{grid-template-columns:1fr}.project-modal__preview{height:200px}}@media (width<=480px){.projects{padding:4rem 1.25rem}.projects__eyebrow{font-size:.65rem}.project-modal-overlay{align-items:flex-end;padding:0}.project-modal{border-radius:20px 20px 0 0;max-width:none;max-height:92vh}}.experience{background-color:var(--color-background);flex-direction:column;align-items:center;padding:6rem 4rem;display:flex}.experience__header{text-align:center;margin-bottom:3rem}.experience__eyebrow{color:var(--color-primary);letter-spacing:.2em;margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.experience__title{color:var(--color-text);letter-spacing:-.03em;font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:700;line-height:1.05}.experience__list{flex-direction:column;gap:1.5rem;width:100%;max-width:1000px;display:flex}.experience__item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;grid-template-columns:200px 1fr;gap:2.5rem;padding:2.25rem;display:grid}.experience__date{color:var(--color-primary);letter-spacing:.12em;font-size:.7rem;font-weight:600}.experience__content{max-width:700px}.experience__content h3{color:var(--color-text);margin-bottom:.4rem;font-size:1.4rem}.experience__company{color:var(--color-text-muted);margin-bottom:1rem;font-size:.85rem}.experience__description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.experience__highlights{flex-direction:column;gap:.6rem;margin-top:1.25rem;display:flex}.experience__highlights li{color:var(--color-text-secondary);padding-left:1.25rem;font-size:.88rem;line-height:1.55;position:relative}.experience__highlights li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}@media (width<=768px){.experience{padding:5rem 2rem}.experience__header{margin-bottom:2.5rem}.experience__item{grid-template-columns:1fr;gap:1rem;padding:1.75rem}}@media (width<=480px){.experience{padding:4rem 1.5rem}.experience__eyebrow{font-size:.65rem}.experience__item{padding:1.5rem}.experience__content h3{font-size:1.2rem}.experience__description{font-size:.88rem}.experience__highlights li{font-size:.82rem}}.skills{background-color:var(--color-surface);flex-direction:column;align-items:center;padding:6rem 4rem;display:flex}.skills__header{text-align:center;margin-bottom:3rem}.skills__eyebrow{color:var(--color-primary);letter-spacing:.2em;margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.skills__title{color:var(--color-text);letter-spacing:-.03em;font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:700;line-height:1.05}.skills__grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%;max-width:1200px;display:grid}.skills__group{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:14px;min-height:180px;padding:1.75rem}.skills__group h3{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.skills__group ul{list-style:none}.skills__group li{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:.55rem 0;font-size:.85rem;line-height:1.4}.skills__group li:last-child{border-bottom:none}@media (width<=1024px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.skills{padding:5rem 2rem}.skills__header{margin-bottom:2.5rem}}@media (width<=480px){.skills{padding:4rem 1.5rem}.skills__eyebrow{font-size:.65rem}.skills__grid{grid-template-columns:1fr}.skills__group{min-height:auto;padding:1.5rem}}.contact{background-color:var(--color-background);justify-content:center;align-items:center;padding:6rem 4rem;display:flex}.contact__content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:640px;display:flex}.contact__eyebrow{color:var(--color-primary);letter-spacing:.2em;margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.contact__title{color:var(--color-text);letter-spacing:-.03em;font-size:clamp(2.75rem,6vw,5rem);font-weight:700;line-height:1.05}.contact__description{max-width:460px;color:var(--color-text-secondary);margin-top:1.5rem;font-size:1.05rem;line-height:1.6}.contact__email{background-color:var(--color-primary);color:#fff;border-radius:8px;align-items:center;gap:.6rem;margin-top:2rem;padding:.9rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.contact__email span{transition:transform .2s}.contact__email:hover{background-color:var(--color-primary-hover)}.contact__email:hover span{transform:translate(3px,-3px)}.contact__secondary{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-top:1.1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.contact__secondary span{color:var(--color-primary);transition:transform .2s}.contact__secondary:hover{color:var(--color-text)}.contact__secondary:hover span{transform:translate(3px,-3px)}@media (width<=768px){.contact{padding:5rem 2rem}.contact__description{font-size:.95rem}}@media (width<=480px){.contact{padding:4rem 1.5rem}.contact__eyebrow{font-size:.65rem}.contact__description{font-size:.9rem}.contact__email{justify-content:center;width:100%;font-size:.9rem}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.footer__copyright{color:var(--color-text-muted);font-size:.75rem}.footer__links{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.footer__links a{color:var(--color-text-secondary);font-size:.75rem;text-decoration:none;transition:color .2s}.footer__links a:hover{color:var(--color-primary)}.footer__to-top{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.75rem;transition:color .2s;display:inline-flex}.footer__to-top:hover{color:var(--color-primary)}.footer__to-top-icon{border-top:2px solid;border-right:2px solid;width:6px;height:6px;transition:transform .2s;transform:translateY(1px)rotate(-45deg)}.footer__to-top:hover .footer__to-top-icon{transform:translateY(-3px)rotate(-45deg)}@media (width<=480px){.footer{flex-direction:column;gap:1rem;padding:1.5rem}}