@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap);:root{--color-sky-primary:#87ceeb;--color-sky-light:#b0e0f6;--color-sky-lighter:#e0f4ff;--color-sky-dark:#5dade2;--color-sky-darker:#3498db;--color-background:#f8fcff;--color-surface:#fff;--color-text-primary:#1a2332;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-accent:#5dade2;--color-accent-hover:#3498db;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--font-display:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--shadow-sm:0 2px 8px #5dade214;--shadow-md:0 4px 16px #5dade21f;--shadow-lg:0 8px 32px #5dade229;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fcff;background-color:var(--color-background);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#1a2332;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .25s ease;transition:color var(--transition-base)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8fcffd9;border-bottom:1px solid #5dade21a;left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1000}.nav--scrolled{box-shadow:0 4px 16px #5dade21a}.nav__container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:var(--space-md) var(--space-lg)}.nav__logo{color:var(--color-sky-darker);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.nav__menu{display:flex;gap:var(--space-xl);list-style:none}.nav__item,.nav__link{position:relative}.nav__link{color:var(--color-text-secondary);cursor:pointer;font-size:.9375rem;font-weight:500;padding:var(--space-xs) var(--space-sm);transition:color var(--transition-base)}.nav__link:after{background:linear-gradient(90deg,var(--color-sky-dark),var(--color-sky-primary));bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--transition-base);width:0}.nav__link:hover{color:var(--color-sky-darker)}.nav__link:hover:after{width:80%}.nav__link--active{color:var(--color-sky-darker)}@media (max-width:768px){.nav__container{padding:var(--space-sm) var(--space-md)}.nav__menu{gap:var(--space-md)}.nav__link{font-size:.875rem}}@media (max-width:480px){.nav__logo{font-size:1.125rem}.nav__menu{gap:var(--space-sm)}.nav__link{padding:var(--space-xs)}}.hero{align-items:center;background:linear-gradient(135deg,var(--color-background) 0,var(--color-sky-lighter) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-3xl) var(--space-lg);position:relative}.hero:before{animation:hero-float 20s ease-in-out infinite;background:radial-gradient(circle,#5dade226 0,#0000 70%);height:800px;right:-20%;top:-50%;width:800px}.hero:after,.hero:before{border-radius:50%;content:"";position:absolute}.hero:after{animation:hero-float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#87ceeb1f 0,#0000 70%);bottom:-30%;height:600px;left:-10%;width:600px}@keyframes hero-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}.hero__container{animation:hero-fade-in 1s ease-out;max-width:800px;position:relative;text-align:center;z-index:1}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-sky-darker) 0,var(--color-sky-primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-md)}.hero__subtitle{color:var(--color-text-secondary);font-size:clamp(1.125rem,3vw,1.5rem);font-weight:400;line-height:1.8;margin:0 auto;max-width:600px}@media (max-width:768px){.hero{padding:var(--space-2xl) var(--space-md)}}.experience{background:linear-gradient(180deg,var(--color-sky-lighter) 0,var(--color-surface) 100%);padding:var(--space-3xl) var(--space-lg);position:relative}.experience__container{margin:0 auto;max-width:900px}.experience__heading{color:var(--color-text-primary);display:inline-block;font-size:clamp(2rem,5vw,3rem);left:50%;margin-bottom:var(--space-3xl);position:relative;text-align:center;transform:translateX(-50%)}.experience__heading:after{background:linear-gradient(90deg,var(--color-sky-dark),var(--color-sky-primary));border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.timeline{padding:var(--space-lg) 0;position:relative}.timeline__line{background:linear-gradient(180deg,var(--color-sky-primary) 0,var(--color-sky-dark) 100%);border-radius:2px;bottom:0;left:20px;position:absolute;top:0;width:3px}.timeline__item{margin-bottom:var(--space-xl);opacity:0;padding-left:60px;position:relative;transform:translateX(-30px)}.timeline__item--visible{animation:timeline-fade-in .6s ease-out forwards}@keyframes timeline-fade-in{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.timeline__dot{background:var(--color-sky-darker);border:4px solid var(--color-surface);border-radius:50%;box-shadow:0 0 0 4px #5dade233;height:22px;left:10px;position:absolute;top:8px;transition:all var(--transition-base);width:22px;z-index:2}.timeline__item:hover .timeline__dot{background:var(--color-sky-primary);box-shadow:0 0 0 8px #5dade24d;transform:scale(1.2)}.timeline__content{background:var(--color-surface);border-left:3px solid var(--color-sky-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-md) var(--space-lg);transition:all var(--transition-base)}.timeline__item:hover .timeline__content{box-shadow:var(--shadow-md);cursor:pointer;transform:translateX(4px)}.timeline__date{background:var(--color-sky-lighter);border-radius:20px;color:var(--color-sky-darker);display:inline-block;font-size:.875rem;padding:4px 12px}.timeline__date,.timeline__title{font-weight:600;margin-bottom:var(--space-xs)}.timeline__title{color:var(--color-text-primary);font-size:1.25rem}.timeline__company{font-style:italic;margin-top:var(--space-xs)}.timeline__company,.timeline__description{color:var(--color-text-secondary);font-size:.9375rem}.timeline__description{line-height:1.6;margin-top:var(--space-sm)}@media (max-width:768px){.experience{padding:var(--space-2xl) var(--space-md)}.timeline__line{left:15px}.timeline__dot{height:18px;left:6px;width:18px}.timeline__item{margin-bottom:var(--space-lg);padding-left:50px}.timeline__content{padding:var(--space-sm) var(--space-md)}.timeline__title{font-size:1.125rem}}@media (max-width:480px){.timeline__content{padding:var(--space-sm)}.timeline__date{font-size:.8125rem}}.projects{background-color:var(--color-surface);padding:var(--space-3xl) var(--space-lg);position:relative}.projects__container{margin:0 auto;max-width:1200px}.projects__heading{color:var(--color-text-primary);display:inline-block;font-size:clamp(2rem,5vw,3rem);left:50%;margin-bottom:var(--space-3xl);position:relative;text-align:center;transform:translateX(-50%)}.projects__heading:after{background:linear-gradient(90deg,var(--color-sky-dark),var(--color-sky-primary));border-radius:2px;bottom:-12px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.projects__grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:var(--space-2xl)}.project-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);opacity:0;overflow:hidden;padding:var(--space-lg);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-card:before{background:linear-gradient(90deg,var(--color-sky-dark),var(--color-sky-primary));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.project-card:hover:before{transform:scaleX(1)}.project-card--left.project-card--visible{animation:slide-in-left .8s ease-out forwards}.project-card--right.project-card--visible{animation:slide-in-right .8s ease-out forwards}.project-card--top.project-card--visible{animation:slide-in-top .8s ease-out forwards}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.project-card__image{align-items:center;background:linear-gradient(135deg,var(--color-sky-lighter) 0,var(--color-sky-light) 100%);border-radius:var(--radius-md);display:flex;height:200px;justify-content:center;margin-bottom:var(--space-md);overflow:hidden;position:relative;transition:transform var(--transition-base);width:100%}.project-card:hover .project-card__image{cursor:pointer;transform:scale(1.02)}.project-card__placeholder{color:#5dade24d;font-family:var(--font-display);font-size:4rem;font-weight:700;-webkit-user-select:none;user-select:none}.project-card__title{color:var(--color-text-primary);font-size:1.5rem;margin-bottom:var(--space-sm);transition:color var(--transition-base)}.project-card:hover .project-card__title{color:var(--color-sky-darker)}.project-card__description{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7;margin-bottom:var(--space-md)}.project-card__link{align-items:center;color:var(--color-sky-darker);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--space-xs);transition:gap var(--transition-base)}.project-card__link:after{content:"→";transition:transform var(--transition-base)}.project-card__link:hover{gap:var(--space-sm)}.project-card__link:hover:after{transform:translateX(4px)}.project-card__tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.project-card__tech{background:var(--color-sky-lighter);border-radius:16px;color:var(--color-sky-darker);font-size:.8125rem;font-weight:500;padding:4px 12px;transition:all var(--transition-fast)}.project-card__tech:hover{background:var(--color-sky-light);transform:translateY(-2px)}@media (max-width:768px){.projects{padding:var(--space-2xl) var(--space-md)}.projects__grid{gap:var(--space-lg);grid-template-columns:1fr}}.footer{background:linear-gradient(180deg,var(--color-surface) 0,var(--color-sky-lighter) 100%);border-top:1px solid #5dade21a;padding:var(--space-2xl) var(--space-lg)}.footer__container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin:0 auto;max-width:1200px}.footer__text{color:var(--color-text-muted);font-size:.9375rem}.footer__links{display:flex;gap:var(--space-lg)}.footer__link{color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;position:relative;transition:color var(--transition-base)}.footer__link:after{background:var(--color-sky-dark);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.footer__link:hover{color:var(--color-sky-darker)}.footer__link:hover:after{width:100%}@media (max-width:768px){.footer__container{flex-direction:column;text-align:center}.footer__links{gap:var(--space-md)}}
/*# sourceMappingURL=main.a4a3dc6d.css.map*/