@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--color-bg: rgba(10, 9, 17, 1);--color-surface: rgba(20, 17, 34, 70);--color-text: #F1F5F9;--color-paragraph: #94A3B8;--color-primary: #4B2BEE;--color-secondary: #2ec4b6;--color-gradient: linear-gradient(135deg, rgba(75, 43, 238, 1), rgba(192, 132, 252, 1));--color-button-secondary: rgba(22, 20, 38, 1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--btn-padding-y: .75rem;--btn-padding-x: 1.25rem;--btn-radius: 8px;--btn-height: 40px;--container-width: 1200px;--page-padding: 2rem;--font-size-text: 1rem;--font-size-small: .875rem;--font-size-smallest: .75rem;--font-size-heading: 3.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700}:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0}.page-container{width:min(100%,calc(var(--container-width) + (var(--page-padding) * 2)));margin:0 auto;padding-inline:var(--page-padding)}html{scroll-behavior:smooth}section[id]{scroll-margin-top:5rem}main.page-container{padding-top:60px}#root{width:100%;margin:0;padding:0}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}.navbar{position:fixed;top:0;left:0;right:0;margin:0 auto;max-width:100%;background-color:var(--color-surface);z-index:1000;transition:max-width .4s ease,top .4s ease,border-radius .4s ease,background-color .4s ease,box-shadow .4s ease}.navbar--scrolled{top:20px;max-width:min(90%,var(--container-width));border-radius:16px;background:#14112299;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-logo-title{display:flex;align-items:center;gap:1rem}.navbar-logo{width:45px;height:45px}.navbar-links{display:flex;gap:2rem}.navbar-links li{list-style:none}.navbar-links li a{text-decoration:none;color:var(--color-text);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:color .2s ease}.navbar-links li a:hover{color:var(--color-primary)}.navbar-theme-button{background-color:var(--color-primary);border:none;width:100px;height:40px;border-radius:8px;visibility:hidden}.navbar-menu-toggle{display:none;background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;padding:var(--space-xs)}.mobile-menu{display:none}@media(max-width:768px){.navbar-menu-toggle{display:flex;align-items:center}.navbar-theme-button,.navbar-links{display:none}.mobile-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0911f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu--open{opacity:1;visibility:visible}.mobile-menu-links{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2.5rem;list-style:none;padding:0;margin:0}.mobile-menu-links li a{text-decoration:none;color:var(--color-text);font-size:1.25rem;font-weight:var(--font-weight-medium);transition:color .2s ease}.mobile-menu-links li a:hover{color:var(--color-primary)}}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;margin-top:5rem}.hero-information{flex:1 1 320px;display:flex;flex-direction:column;gap:1.5rem}.hero-title{margin:0;font-size:var(--font-size-heading);font-weight:900;line-height:1.1;color:var(--color-text);text-align:start}.hero-title-line{display:block}.hero-title-highlight{background:var(--color-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{margin:0;font-size:var(--font-size-text);color:var(--color-paragraph);text-align:start}.hero-cta-container{display:flex;flex-wrap:wrap;gap:1rem}.hero-button{display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-smallest);text-decoration:none;width:130px;height:var(--btn-height);border-radius:var(--btn-radius);cursor:pointer;color:var(--color-text);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.hero-button:hover{transform:translateY(-2px)}.primary-button{background-color:var(--color-primary);border:none}.primary-button:hover{background-color:#4b2beecc}.secondary-button{background-color:var(--color-button-secondary);border:1px solid rgba(41,35,72,1)}.secondary-button:hover{background-color:#4b2bee26;border-color:#4b2bee99}.hero-image-container{flex:1 1 320px;display:flex;justify-content:center;align-items:center;overflow:visible}.hero-image{position:relative;display:inline-block;border-radius:24px}.hero-image:before{content:"";position:absolute;inset:-18px;border-radius:inherit;background:linear-gradient(135deg,#4b2bee4d,#9333ea33);filter:blur(80px);opacity:1;z-index:0}.hero-image img{display:block;border-radius:inherit;position:relative;width:350px;height:350px;z-index:1}@media(max-width:768px){.hero-image-container{margin-top:4rem}.hero-image img{width:300px;height:300px}.hero-information{align-items:center;text-align:center}.hero-title,.hero-description{text-align:center}}.experience{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:6rem;padding:0 3rem}.experience-title{position:relative}.experience-title:after{content:"";position:absolute;left:50%;bottom:-8px;width:40px;height:3px;background-color:var(--color-primary);transform:translate(-50%);border-radius:999px}.experience-description{font-size:var(--font-size-text);color:var(--color-paragraph);text-align:center;max-width:600px}.experience-list{list-style:none;padding:0;margin:1rem 0}.experience-item{position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;padding:0 0 34px}.experience-item:before{content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;background:#ffffff1a;border-radius:999px}.experience-item:last-child:before{bottom:18px}.timeline-marker{position:relative;z-index:1;width:44px;height:44px;border-radius:999px;background:var(--color-surface);display:flex;align-items:center;justify-content:center}.timeline-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:var(--color-bg)}.timeline-content{background:var(--color-surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px 24px;max-width:736px}.timeline-content h4{margin:0;color:var(--color-primary)}.timeline-content-header{display:flex;justify-content:space-between;align-items:center}.timeline-content-header h3{margin:0}.duration-item{font-size:var(--font-size-smallest);color:var(--color-paragraph);background-color:#ffffff0d;padding:4px 8px;border-radius:16px;font-weight:var(--font-weight-bold)}.experience-item-description{font-size:var(--font-size-small);color:var(--color-paragraph);margin:6px 0 0}.projects{display:flex;flex-direction:column;align-items:flex-start;margin-top:4rem}.projects-title{position:relative}.projects-title:after{content:"";position:absolute;left:0;bottom:-8px;width:40px;height:3px;background-color:var(--color-primary);border-radius:999px}.projects-description{font-size:var(--font-size-text);color:var(--color-paragraph);max-width:600px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,300px));gap:2rem;margin:2rem 0;width:100%;justify-content:center}.project-card{display:flex;flex-direction:column;height:100%;background:var(--color-surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;box-sizing:border-box;overflow:hidden}.project-card:hover{transform:translateY(-6px);border-color:#4b2bee4d;box-shadow:0 12px 32px #4b2bee1a}.project-card-media{margin:-20px -20px 0}.project-card-image{width:100%;height:180px;object-fit:cover;display:block}.project-card-header{display:flex;justify-content:space-between;align-items:center}.project-card-year{font-size:var(--font-size-smallest);background-color:#4b2bee33;color:var(--color-primary);padding:2px 8px;border-radius:16px;font-weight:var(--font-weight-bold)}.project-card-description{font-size:var(--font-size-small);color:var(--color-paragraph);margin:0}.project-card-stack{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.project-card-stack li{font-size:var(--font-size-smallest);color:#4b2beecc;background-color:#4b2bee1a;border:1px solid rgba(75,43,238,.2);font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:16px}.project-card-buttons{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.project-button{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:8px;font-size:var(--font-size-smallest);font-weight:var(--font-weight-bold);text-decoration:none;height:var(--btn-height);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.project-button:hover{transform:translateY(-2px)}.project-button-live{background-color:var(--color-primary);color:var(--color-text)}.project-button-live:hover{background-color:#4b2beecc}.project-button-source{border:1px solid rgba(75,43,238,.3);color:var(--color-primary)}.project-button-source:hover{background-color:#4b2bee1a;border-color:#4b2bee99}.button-icon{width:16px;height:16px}.contact{display:flex;flex-wrap:wrap;gap:2rem;margin-top:6rem}.contact-info-container{display:flex;flex-direction:column;flex:1 1 320px}.contact-title{margin:0;font-size:var(--font-size-heading);font-weight:900;line-height:1.1;color:var(--color-text);text-align:start}.contact-title-line{display:block}.contact-title-highlight{background:var(--color-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-description{font-size:var(--font-size-text);color:var(--color-paragraph);text-align:start}.contact-tag{display:flex;align-items:center;gap:2rem;background-color:var(--color-surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;margin:1rem 0}.contact-tag-info{display:flex;flex-direction:column}.contact-tag-info p{margin:0}.contact-tag-title{font-size:var(--font-size-smallest);color:var(--color-paragraph);font-weight:var(--font-weight-bold)}.contact-tag-detail{font-size:var(--font-size-small);color:var(--color-text)}.contact-tag-icon{display:flex;align-items:center;justify-content:center;margin-left:.5rem}.icon{color:var(--color-primary);width:24px;height:24px}.social-links{display:flex;flex-direction:column;margin-top:1rem}.social-links-title{font-size:var(--font-size-smallest);color:var(--color-paragraph);font-weight:var(--font-weight-bold)}.social-links-container{display:flex;gap:2rem}.social-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;text-decoration:none;transition:transform .2s ease}.social-link:hover{transform:translateY(-2px)}.social-icon{color:#cbd5e1;width:24px;height:24px;transition:color .2s ease}.social-link:hover .social-icon{color:var(--color-primary)}.contact-form-container{display:flex;flex:1 1 320px;justify-content:center}.contact-form{display:flex;flex-direction:column;gap:1rem;background-color:var(--color-surface);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2.5rem}.contact-name{display:flex;flex-wrap:wrap;gap:1rem}.contact-name div{flex:1}.contact-placeholder{margin:0 0 .5rem;font-size:var(--font-size-small);color:#cbd5e1}.input{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:100%;border-radius:8px;font-family:inherit}input::placeholder{color:#475569}.contact-input{height:56px;padding:0 16px}.contact-textarea{height:120px;padding:16px;resize:none;overflow:auto}.contact-textarea::placeholder{color:#475569}.contact-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:16px;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);cursor:pointer;height:var(--btn-height);transition:transform .2s ease,background-color .2s ease}.contact-button:hover{transform:translateY(-2px);background-color:#4b2beecc}.contact-button p{margin:0}.send-icon{width:16px;height:16px}.contact-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-status{font-size:var(--font-size-small);text-align:center;margin:0}.contact-status--success{color:var(--color-secondary)}.contact-status--error{color:#ef4444}.contact-note{font-size:var(--font-size-smallest);color:var(--color-paragraph);text-align:center;margin:0}@media(max-width:768px){.contact-form-container{margin-top:1.5rem}.contact-form{width:100%}}.footer{display:flex;justify-content:center;align-items:center;height:100px;border-top:1px solid #292348;width:100%;margin-top:6rem}.footer p{margin:0;font-size:var(--font-size-small);color:var(--color-paragraph);font-weight:var(--font-weight-regular)}