@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--color-bg-primary:#000;--color-bg-secondary:#1c1c1e;--color-bg-tertiary:#2c2c2e;--color-text-primary:#fff;--color-text-secondary:#adadb8;--color-text-tertiary:#86868b;--color-accent:#fff;--color-accent-hover:#f5f5f7;--color-border:#38383a;--color-success:#30d158;--color-white:#fff;--color-black:#000;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--shadow-sm:0 1px 3px 0 hsla(0,0%,100%,.05);--shadow-md:0 4px 6px -1px hsla(0,0%,100%,.08);--shadow-lg:0 10px 15px -3px hsla(0,0%,100%,.1);--shadow-xl:0 20px 25px -5px hsla(0,0%,100%,.12);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--color-bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#fff;color:var(--color-text-primary);margin:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:3rem;font-size:var(--font-size-5xl);font-weight:700}h2{font-size:2.5rem;font-size:var(--font-size-4xl)}h3{font-size:2rem;font-size:var(--font-size-3xl)}h4{font-size:1.5rem;font-size:var(--font-size-2xl)}p{line-height:1.7;margin:0}a{color:inherit;text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#fff;color:var(--color-accent)}code{background-color:#1c1c1e;background-color:var(--color-bg-secondary);border-radius:.375rem;border-radius:var(--radius-sm);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:.125rem .375rem}.container{max-width:1200px}.container,.container-wide{margin:0 auto;padding:0 2rem;padding:0 var(--spacing-lg)}.container-wide{max-width:1400px}.text-center{text-align:center}.text-accent{color:#fff;color:var(--color-accent)}@media (max-width:768px){:root{--font-size-5xl:2.25rem;--font-size-4xl:1.875rem;--font-size-3xl:1.5rem}}.navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background-color:rgba(0,0,0,.8);border-bottom:1px solid transparent;left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1000}.navbar-scrolled{background-color:rgba(0,0,0,.9);border-bottom-color:var(--color-border);box-shadow:0 4px 12px hsla(0,0%,100%,.05)}.navbar-container{height:80px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{background:none;border:none;cursor:pointer;padding:0;text-decoration:none;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.8}.logo-text{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em}.navbar-menu{display:flex;gap:var(--spacing-xl);list-style:none;margin:0;padding:0}.navbar-item,.navbar-link{position:relative}.navbar-link{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-xs) 0;text-decoration:none;transition:color var(--transition-fast)}.navbar-link:hover{color:var(--color-text-primary)}.navbar-link.active{color:var(--color-accent)}.navbar-underline{background-color:var(--color-accent);border-radius:var(--radius-full);bottom:-4px;height:2px;left:0;position:absolute;right:0}.mobile-menu-toggle{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:22px;justify-content:space-between;padding:0;width:28px;z-index:1001}.mobile-menu-toggle span{background-color:var(--color-text-primary);border-radius:var(--radius-full);height:2px;-webkit-transform-origin:center;transform-origin:center;transition:all var(--transition-base);width:100%}.mobile-menu-toggle.open span:first-child{-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}.mobile-menu{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:none;overflow:hidden}.mobile-menu-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:var(--spacing-md) var(--spacing-lg)}.mobile-menu-link{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:block;font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.mobile-menu-link:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.mobile-menu-link.active{background-color:rgba(0,102,255,.1);color:var(--color-accent)}@media (max-width:768px){.navbar-container{height:70px}.logo-text{font-size:var(--font-size-lg)}.navbar-menu{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:block}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--spacing-xl) 0}.footer-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.footer-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-social{display:flex;gap:var(--spacing-lg)}.footer-social-link{align-items:center;background-color:initial;border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xl);height:44px;justify-content:center;position:relative;transition:all var(--transition-base);width:44px}.footer-social-link:hover{background-color:rgba(0,0,0,.05);color:var(--hover-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-text{text-align:center}.footer-text p{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}@media (max-width:768px){.footer{padding:var(--spacing-lg) 0}.footer-social{gap:var(--spacing-md)}.footer-social-link{font-size:var(--font-size-lg);height:40px;width:40px}}.home{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:var(--spacing-2xl) 0}.home-container{margin:0 auto;max-width:900px;padding:0 var(--spacing-lg)}.home-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:center}.home-image-wrapper{display:flex;justify-content:center;width:100%}.home-image-container{border-radius:var(--radius-full);height:240px;overflow:hidden;position:relative;width:240px}.home-image-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.home-image{height:100%;object-fit:cover;width:100%}.home-text{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);max-width:700px}.home-greeting{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:500}.home-name{color:var(--color-text-primary);font-size:var(--font-size-5xl);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.home-title{color:var(--color-accent);font-size:var(--font-size-2xl);font-weight:600;margin:0}.home-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.7;margin-top:var(--spacing-sm)}.home-description strong{color:var(--color-text-primary);font-weight:600}.home-interests{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.7;margin-top:var(--spacing-xs)}.home-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-base)}.btn-primary{background-color:var(--color-white);border:1px solid transparent;box-shadow:0 4px 12px hsla(0,0%,100%,.15);color:var(--color-black)}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:0 8px 20px hsla(0,0%,100%,.25);color:var(--color-black);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px hsla(0,0%,100%,.1);-webkit-transform:translateY(0);transform:translateY(0)}.home-social{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.home-social-link{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:50px;justify-content:center;transition:all var(--transition-base);width:50px}.home-social-link:hover{background-color:var(--color-bg-tertiary);box-shadow:var(--shadow-md);color:var(--color-white)}@media (max-width:768px){.home{min-height:auto;padding:var(--spacing-xl) 0}.home-content{gap:var(--spacing-lg)}.home-image-container{height:200px;width:200px}.home-name{font-size:var(--font-size-4xl)}.home-title{font-size:var(--font-size-xl)}.home-description,.home-interests{font-size:var(--font-size-base)}.home-actions{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.home-social{gap:var(--spacing-md)}.home-social-link{font-size:var(--font-size-xl);height:46px;width:46px}}@media (max-width:480px){.home-image-container{height:180px;width:180px}.home-name{font-size:var(--font-size-3xl)}}.about{min-height:calc(100vh - 80px);padding:var(--spacing-3xl) 0}.about-container{margin:0 auto;max-width:1000px;padding:0 var(--spacing-lg)}.about-title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-3xl);text-align:center}.about-content{gap:var(--spacing-3xl)}.about-content,.about-content-new{display:flex;flex-direction:column}.about-content-new{gap:var(--spacing-lg);margin:0 auto;max-width:800px}.about-paragraph{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.8;text-align:left}.about-paragraph strong{color:var(--color-white);font-weight:600}.about-cta{color:var(--color-text-primary);font-weight:500;margin-top:var(--spacing-md)}.about-section{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.about-section-reverse{direction:rtl}.about-section-reverse>*{direction:ltr}.about-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.about-section-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-sm)}.about-text p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.8}.about-text strong{color:var(--color-accent);font-weight:600}.about-image-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:box-shadow var(--transition-base);width:100%}.about-image-container:hover{box-shadow:var(--shadow-xl)}.about-image{display:block;height:auto;object-fit:cover;width:100%}.about-image-round{border-radius:var(--radius-xl)}.about-image-group{cursor:pointer;position:relative;width:100%}.image-stack{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:300px;overflow:hidden;position:relative;transition:box-shadow var(--transition-base);width:100%}.image-stack:hover{box-shadow:var(--shadow-xl)}.image-stack .about-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity var(--transition-slow);width:100%}.about-image-overlay{opacity:0}.image-stack:hover .about-image-overlay{opacity:1}@media (max-width:768px){.about{padding:var(--spacing-2xl) 0}.about-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2xl)}.about-content{gap:var(--spacing-2xl)}.about-content-new{gap:var(--spacing-md)}.about-paragraph{font-size:var(--font-size-base)}.about-section,.about-section-reverse{direction:ltr;gap:var(--spacing-lg);grid-template-columns:1fr}.about-section-title{font-size:var(--font-size-xl)}.about-text p{font-size:var(--font-size-base)}.image-stack{height:250px}}@media (max-width:480px){.about{padding:var(--spacing-xl) 0}.about-title{font-size:var(--font-size-2xl)}.image-stack{height:200px}}.project-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all var(--transition-base)}.project-card:hover{border-color:var(--color-text-tertiary);box-shadow:0 12px 24px hsla(0,0%,100%,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.project-card-image-wrapper{background-color:var(--color-bg-secondary);height:220px;overflow:hidden;position:relative;width:100%}.project-card-image{height:100%;object-fit:cover;transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);width:100%}.project-card:hover .project-card-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-card-overlay{align-items:flex-end;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7));bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--spacing-lg);position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.project-card:hover .project-card-overlay{opacity:1}.project-card-links{display:flex;gap:var(--spacing-md)}.project-card-link{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.project-card-link:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);-webkit-transform:scale(1.1);transform:scale(1.1)}.project-card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.project-card-header{margin-bottom:var(--spacing-md)}.project-card-type{background-color:hsla(0,0%,100%,.08);border-radius:var(--radius-sm);color:var(--type-color);display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.project-card-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;line-height:1.3;margin:0}.project-card-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;flex:1 1;font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-md);overflow:hidden}.project-card-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.tech-tag{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:.25rem .5rem;transition:all var(--transition-fast)}.tech-tag:hover{background-color:hsla(0,0%,100%,.1);border-color:var(--color-text-tertiary);color:var(--color-white)}@media (max-width:768px){.project-card-image-wrapper{height:200px}.project-card-content{padding:var(--spacing-md)}.project-card-title{font-size:var(--font-size-lg)}.project-card-description{-webkit-line-clamp:3}.project-card-link{font-size:var(--font-size-base);height:40px;width:40px}}.projects{min-height:calc(100vh - 80px);padding:var(--spacing-3xl) 0}.projects-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.projects-title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);text-align:center}.projects-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.projects-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-md) 0}.filter-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base)}.filter-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border);box-shadow:0 2px 8px hsla(0,0%,100%,.08);color:var(--color-text-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.filter-btn.active{background-color:var(--color-white);border-color:var(--color-white);box-shadow:0 4px 12px hsla(0,0%,100%,.2);color:var(--color-black)}.filter-btn.active:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 6px 16px hsla(0,0%,100%,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.projects-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-2xl)}.no-projects{padding:var(--spacing-3xl) 0;text-align:center}.no-projects p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects{padding:var(--spacing-2xl) 0}.projects-title{font-size:var(--font-size-3xl)}.projects-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-xl)}.projects-filters{gap:var(--spacing-xs)}.filter-btn{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.projects-grid{gap:var(--spacing-lg);grid-template-columns:1fr}}@media (max-width:480px){.projects-title{font-size:var(--font-size-2xl)}.filter-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}.page{-webkit-animation:fadeIn .3s ease-in;animation:fadeIn .3s ease-in;min-height:calc(100vh - 80px)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.section{padding:var(--spacing-3xl) 0}.section-compact{padding:var(--spacing-2xl) 0}@media (max-width:768px){.main-content{padding-top:70px}.section{padding:var(--spacing-2xl) 0}.section-compact{padding:var(--spacing-xl) 0}}
/*# sourceMappingURL=main.9b7552b6.css.map*/