@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;scroll-behavior:smooth}body,html{background-color:#000;font-weight:400}body{color:#f5f5f7;letter-spacing:-.022em;line-height:1.47059}code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--color-text-primary:#f5f5f7;--color-text-secondary:#a1a1a6;--color-text-tertiary:#86868b;--color-bg-primary:#000;--color-bg-secondary:#1d1d1f;--color-bg-tertiary:#2d2d2f;--color-accent:#0071e3;--color-accent-hover:#0077ed;--font-size-headline:80px;--font-size-subheadline:56px;--font-size-title-1:48px;--font-size-title-2:40px;--font-size-title-3:32px;--font-size-body-large:21px;--font-size-body:17px;--font-size-body-reduced:15px;--font-size-caption:12px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:64px;--spacing-xxxl:96px;--container-width-small:980px;--container-width-medium:1024px;--container-width-large:1440px;--container-padding-mobile:20px;--container-padding-tablet:40px;--container-padding-desktop:80px;--transition-standard:0.3s cubic-bezier(0.4,0,0.6,1);--transition-emphasized:0.5s cubic-bezier(0.05,0.7,0.1,1)}.App{background-color:#000;background-color:var(--color-bg-primary);color:#f5f5f7;color:var(--color-text-primary);overflow-x:hidden}.container{margin:0 auto;max-width:1440px;max-width:var(--container-width-large);padding:0 20px;padding:0 var(--container-padding-mobile)}@media (min-width:768px){.container{padding:0 40px;padding:0 var(--container-padding-tablet)}}@media (min-width:1024px){.container{padding:0 80px;padding:0 var(--container-padding-desktop)}}.section{padding:96px 0;padding:var(--spacing-xxxl) 0}@media (min-width:768px){.section{padding:120px 0}}@media (min-width:1024px){.section{padding:160px 0}}.navigation{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background-color:#000c;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;transition:all var(--transition-standard);z-index:1000}.navigation.scrolled{background-color:#000000eb;border-bottom-color:#ffffff26}.nav-container{align-items:center;display:flex;height:48px;justify-content:space-between;margin:0 auto;max-width:var(--container-width-large);padding:0 var(--container-padding-mobile)}@media (min-width:768px){.nav-container{height:52px;padding:0 var(--container-padding-tablet)}}@media (min-width:1024px){.nav-container{padding:0 var(--container-padding-desktop)}}.nav-logo .logo-button{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:21px;font-weight:600;letter-spacing:-.022em;padding:0;transition:opacity var(--transition-standard)}.nav-logo .logo-button:hover{opacity:.8}.nav-links{align-items:center;display:flex;gap:var(--spacing-lg)}@media (max-width:767px){.nav-links{gap:var(--spacing-md)}}.nav-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-body-reduced);font-weight:400;letter-spacing:-.016em;padding:8px 0;position:relative;text-decoration:none;transition:color var(--transition-standard)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:after{background-color:var(--color-text-primary);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform var(--transition-standard)}.nav-link:hover:after{transform:scaleX(1)}.resume-link{background:var(--color-accent);border-radius:20px;color:#fff!important;font-weight:500;padding:8px 16px!important;transition:all var(--transition-standard)}.resume-link:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.resume-link:after{display:none}@media (max-width:480px){.nav-links{gap:var(--spacing-sm)}.nav-link,.resume-link{font-size:14px}.resume-link{padding:6px 12px!important}}.hero{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:52px;position:relative}.hero:before{animation:backgroundGlow 8s ease-in-out infinite;background:linear-gradient(45deg,#0071e308,#30d15805 25%,#ff9f0a08 50%,#0071e305 75%,#30d15808);background-size:400% 400%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-container{margin:0 auto;max-width:var(--container-width-large);padding:0 var(--container-padding-mobile);position:relative;width:100%;z-index:2}@media (min-width:768px){.hero-container{padding:0 var(--container-padding-tablet)}}@media (min-width:1024px){.hero-container{padding:0 var(--container-padding-desktop)}}.hero-content{grid-gap:var(--spacing-xxxl);align-items:center;display:grid;gap:var(--spacing-xxxl);grid-template-columns:1fr 1fr;opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.16,1,.3,1)}.hero.animate-in .hero-content{opacity:1;transform:translateY(0)}.hero-text{text-align:left}.hero-greeting{margin-bottom:var(--spacing-sm)}.greeting-text{animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) .1s both;color:var(--color-text-secondary);font-size:var(--font-size-body-large);font-weight:400}.hero-title{color:var(--color-text-primary);font-size:clamp(48px,6vw,var(--font-size-headline));font-weight:700;letter-spacing:-.025em;line-height:1.05;margin-bottom:var(--spacing-md)}.hero-title-line{animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) .2s both;display:inline-block}.hero-subtitle{animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) .4s both;color:var(--color-accent);font-size:clamp(21px,3vw,var(--font-size-title-3));font-weight:600;margin-bottom:var(--spacing-lg)}.hero-description{animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) .6s both;color:var(--color-text-secondary);font-size:var(--font-size-body-large);line-height:1.47059;margin-bottom:var(--spacing-xl)}.hero-cta{animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) .8s both;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.cta-button{align-items:center;border:none;border-radius:980px;cursor:pointer;display:inline-flex;font-size:var(--font-size-body);font-weight:500;justify-content:center;letter-spacing:-.022em;min-width:140px;padding:12px 24px;text-decoration:none;transition:all var(--transition-standard)}.cta-button.primary{background:var(--color-accent);color:#fff}.cta-button.primary:hover{background:var(--color-accent-hover);box-shadow:0 8px 25px #0071e34d;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:1px solid #ffffff4d;color:var(--color-text-primary)}.cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.image-wrapper{animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) .5s both;height:400px;position:relative;width:400px}.profile-image{border:4px solid #ffffff1a;border-radius:50%;filter:grayscale(100%);height:100%;object-fit:cover;object-position:5% 25%;position:relative;transition:all var(--transition-emphasized);width:100%;z-index:2}.profile-image:hover{border-color:var(--color-accent);filter:grayscale(15%);transform:scale(1.05)}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}@keyframes backgroundGlow{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:50% 0}}.gradient-orb{animation:float 6s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.2;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#0071e3,#005bb5);height:300px;left:10%;top:20%;width:300px}.orb-2{animation-delay:2s;background:linear-gradient(135deg,#30d158,#248a3d);height:200px;right:15%;top:60%;width:200px}.orb-3{animation-delay:4s;background:linear-gradient(135deg,#ff9f0a,#ff6b35);bottom:20%;height:250px;left:60%;width:250px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@media (max-width:1024px){.hero-content{gap:var(--spacing-xxl);grid-template-columns:1fr;text-align:center}.hero-text{order:2;text-align:center}.hero-image{order:1}.image-wrapper{height:300px;width:300px}}@media (max-width:768px){.hero{min-height:90vh;padding-top:48px}.hero-cta{align-items:center;flex-direction:column}.cta-button{max-width:280px;width:100%}.image-wrapper{height:250px;width:250px}.gradient-orb{filter:blur(60px)}.orb-1{height:200px;width:200px}.orb-2{height:150px;width:150px}.orb-3{height:180px;width:180px}}@media (max-width:480px){.image-wrapper{height:200px;width:200px}}.about{background:linear-gradient(180deg,#000,#1a1a1a);overflow:hidden;position:relative}.about-content{grid-gap:var(--spacing-xxxl);align-items:center;display:grid;gap:var(--spacing-xxxl);grid-template-columns:1fr 1fr;opacity:0;transform:translateY(60px);transition:all 1s cubic-bezier(.16,1,.3,1)}.about.animate-in .about-content{opacity:1;transform:translateY(0)}.section-title{color:var(--color-text-primary);font-size:clamp(40px,6vw,var(--font-size-subheadline));font-weight:700;letter-spacing:-.025em;line-height:1.07143;margin-bottom:var(--spacing-lg);position:relative}.section-title:after{background:linear-gradient(90deg,var(--color-accent),#30d158);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.about-description{margin-bottom:var(--spacing-xl)}.lead-text{color:var(--color-text-primary);font-size:var(--font-size-title-3);font-weight:600;letter-spacing:-.022em;line-height:1.25;margin-bottom:var(--spacing-lg)}.about-description p{color:var(--color-text-secondary);font-size:var(--font-size-body-large);letter-spacing:-.022em;line-height:1.47059;margin-bottom:var(--spacing-md)}.about-description p:last-child{margin-bottom:0}.about-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-xl)}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:var(--spacing-md);text-align:center;transition:all var(--transition-standard)}.stat-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.stat-number{color:var(--color-accent);display:block;font-size:var(--font-size-title-2);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-body-reduced);font-weight:500}.about-image{align-items:center;display:flex;justify-content:center;position:relative}.image-container{aspect-ratio:1;border-radius:24px;max-width:500px;overflow:hidden;position:relative;width:100%}.about-image img{border-radius:24px;height:100%;object-fit:cover;transition:transform var(--transition-emphasized);width:100%}.image-container:hover img{transform:scale(1.05)}@media (max-width:1024px){.about-content{gap:var(--spacing-xxl);grid-template-columns:1fr;text-align:center}.about-image{order:-1}.image-container{margin:0 auto;max-width:400px}}@media (max-width:768px){.about-stats{gap:var(--spacing-md);grid-template-columns:1fr}.stat-item{padding:var(--spacing-sm)}.section-title:after{left:50%;transform:translateX(-50%)}}@media (max-width:480px){.about-content{gap:var(--spacing-xl)}.image-container{max-width:250px}}.projects{background:linear-gradient(180deg,#1a1a1a,#000);overflow:hidden;position:relative}.projects-header{margin-bottom:var(--spacing-xxxl);opacity:0;text-align:center;transform:translateY(40px);transition:all 1s cubic-bezier(.16,1,.3,1)}.projects.animate-in .projects-header{opacity:1;transform:translateY(0)}.projects-grid{display:flex;flex-direction:column;gap:120px}.project-card{grid-gap:var(--spacing-xxxl);align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;display:grid;gap:var(--spacing-xxxl);grid-template-columns:1fr 1fr;opacity:0;overflow:hidden;padding:var(--spacing-xxl);position:relative;transform:translateY(60px);transition:all 1s cubic-bezier(.16,1,.3,1)}.project-card:before{background:linear-gradient(135deg,#0071e310,#0000 50%);background:linear-gradient(135deg,var(--accent-color,#0071e3)10,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-standard)}.project-card:hover:before{opacity:1}.project-card.animate-in{opacity:1;transform:translateY(0)}.project-card.reverse{direction:rtl}.project-card.reverse>*{direction:ltr}.project-content{position:relative;z-index:2}.project-header{margin-bottom:var(--spacing-lg)}.project-year{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;color:var(--color-accent);color:var(--accent-color,var(--color-accent));display:inline-block;font-size:var(--font-size-body-reduced);font-weight:600;margin-bottom:var(--spacing-sm);padding:6px 12px}.project-title{color:var(--color-text-primary);font-size:clamp(32px,5vw,var(--font-size-title-1));font-weight:700;letter-spacing:-.025em;line-height:1.08333;margin-bottom:var(--spacing-xs)}.project-subtitle{font-weight:500}.project-description,.project-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body-large);margin-bottom:var(--spacing-lg)}.project-description{background:linear-gradient(90deg,#ffffff05,#0000);border-left:4px solid var(--accent-color,var(--color-accent));border-radius:2px;letter-spacing:-.022em;line-height:1.47059;max-width:500px;padding:var(--spacing-md) var(--spacing-lg);position:relative}.project-highlights{list-style:none;margin:0;padding:0}.highlight-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body);margin-bottom:var(--spacing-sm);transition:color var(--transition-standard)}.highlight-item:hover{color:var(--color-text-primary)}.highlight-bullet{background:var(--color-accent);background:var(--accent-color,var(--color-accent));border-radius:50%;flex-shrink:0;height:6px;margin-right:var(--spacing-sm);width:6px}.project-visual{border-radius:20px;height:500px;overflow:hidden}.model-container{height:100%;position:relative;width:100%;z-index:2}.visual-overlay{bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0;transition:opacity var(--transition-standard);z-index:1}.project-card:hover .visual-overlay{opacity:.5}@media (max-width:1024px){.project-card{gap:var(--spacing-xl);grid-template-columns:1fr;text-align:center}.project-card.reverse{direction:ltr}.project-visual{height:400px;order:-1}.projects-grid{gap:var(--spacing-xxxl)}}@media (max-width:768px){.project-card{border-left:none;border-radius:0;border-right:none;margin:0 -20px;padding:var(--spacing-lg)}.project-visual{border-radius:16px;height:300px}.projects-grid{gap:var(--spacing-xxl)}.projects-header{margin-bottom:var(--spacing-xxl)}}@media (max-width:480px){.project-description{max-width:100%}.project-visual{height:250px}}.project-card:first-child{transition-delay:.1s}.project-card:nth-child(2){transition-delay:.2s}.project-card:nth-child(3){transition-delay:.3s}.footer{background:linear-gradient(180deg,#000,#1a1a1a);border-top:1px solid #ffffff1a;margin-top:var(--spacing-xxxl);padding:var(--spacing-xxxl) 0 var(--spacing-xl) 0}.footer-content{margin:0 auto;max-width:var(--container-width-large)}.footer-main{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xxl)}.footer-section{display:flex;flex-direction:column}.footer-title{color:var(--color-text-primary);font-size:var(--font-size-body-large);font-weight:600;letter-spacing:-.022em;margin-bottom:var(--spacing-md)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.footer-link{color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-body);font-weight:400;padding:4px 0;position:relative;text-decoration:none;transition:color var(--transition-standard)}.footer-link:hover{color:var(--color-text-primary)}.footer-link:after{background-color:var(--color-accent);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-standard);width:0}.footer-link:hover:after{width:100%}.footer-text{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-body);font-weight:400;padding:4px 0}.footer-bottom{align-items:center;border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding-top:var(--spacing-lg)}.footer-copyright p{font-weight:400;margin:0}.footer-copyright p,.footer-legal .footer-text{color:var(--color-text-tertiary);font-size:var(--font-size-body-reduced)}.footer-legal .footer-text{font-style:italic}@media (max-width:768px){.footer{padding:var(--spacing-xxl) 0 var(--spacing-lg) 0}.footer-main{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width:480px){.footer-main{gap:var(--spacing-md);grid-template-columns:1fr}.footer-section{text-align:center}.footer-links{align-items:center}}.footer-section:hover .footer-title{color:var(--color-accent);transition:color var(--transition-standard)}.footer{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .5s both;opacity:0;transform:translateY(40px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.footer-link:focus{border-radius:4px;outline:2px solid var(--color-accent);outline-offset:2px}.footer-link:focus:not(:focus-visible){outline:none}
/*# sourceMappingURL=main.e2629e07.css.map*/