.navbar{width:100%;position:fixed;top:0;left:0;z-index:100;backdrop-filter:blur(10px);height:60px;display:flex;align-items:center;border-bottom:1px solid var(--card-border);background:var(--bg-primary);color:var(--text-color);transition:background-color .3s ease-in-out}.navbar.menu-open{border-bottom:none}.navbar.dark.menu-open{background:var(--bg-modal-primary-dark)}.navbar.light.menu-open{background:var(--bg-modal-primary-light)}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:0 1rem;width:100%;justify-content:flex-end}.nav-right{display:flex;align-items:center;gap:1rem}.nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links li a{text-decoration:none;font-family:Inter,sans-serif;font-weight:600;font-size:1rem;transition:color .2s;color:var(--text-color)}.nav-links li a:hover{color:var(--color-primary)}.separator{color:inherit;opacity:.5}.language-button{display:flex;align-items:center;font-weight:600;font-size:1rem;background:none;border:none;cursor:pointer;transition:color .2s;color:var(--text-color)!important}.language-button:hover{color:var(--color-primary)!important}.language-dropdown{z-index:1100!important;position:absolute!important;border:1px solid var(--card-border)!important;box-shadow:0 2px 8px #0000001a!important;padding:.5rem!important;border-radius:4px!important;min-width:160px!important;right:0!important;background-color:var(--card-bg)!important}.language-dropdown.dark{background-color:var(--bg-modal-secondary-dark)!important;color:var(--text-light)!important}.language-dropdown.light{background-color:var(--bg-modal-primary-light)!important;color:var(--text-light)!important}.language-dropdown button{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.5rem!important;background:none;border:none;border-radius:3px;font-size:14px;cursor:pointer;transition:background-color .2s,color .2s;color:var(--text-color)}.language-dropdown button:hover{color:var(--color-primary)!important;background-color:var(--bg-secondary)!important}.language-dropdown.dark button:hover{color:var(--color-primary-dark)!important;background-color:var(--bg-secondary)!important}.language-dropdown.light button:hover{color:var(--color-primary-light)!important;background-color:var(--bg-secondary)!important}.theme-button{background:none!important;border:none!important;cursor:pointer;transition:opacity .2s,transform .2s ease;stroke-width:2}.theme-button svg{stroke-width:2}.theme-button:hover{opacity:.8;transform:rotate(15deg)}.menu-button{background:transparent!important;border:none!important;cursor:pointer;display:none;padding:.5rem;transition:transform .2s ease}.menu-button svg{color:var(--text-color);transition:color .3s ease-in-out}.menu-button:hover{opacity:.8;transform:scale(1.1)}.mobile-menu{position:fixed;top:60px;right:0;width:100%;height:auto;max-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 1rem;z-index:1000;transition:all .3s ease-in-out;color:var(--text-color);overflow:hidden;opacity:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 4px 12px #00000026;visibility:hidden}.mobile-menu.open{max-height:500px;padding:2rem 1rem 3rem;opacity:1;visibility:visible;overflow-y:auto}.mobile-menu.light.open{background:var(--bg-modal-primary-light)!important;color:var(--text-light)}.mobile-menu.dark.open{background:var(--bg-modal-primary-dark)!important;color:var(--text-light)}.mobile-menu.closing{max-height:0;opacity:0;padding:0;visibility:visible;transition:all .3s ease-out}.mobile-actions{display:flex;gap:1rem;margin-top:2rem}.close-menu{position:absolute;top:1rem;right:1rem;background:transparent;border:none;cursor:pointer}.close-icon{color:var(--text-color)}.mobile-nav-links{list-style:none;padding:0;text-align:center;width:100%;margin-bottom:1.5rem}.mobile-nav-links li{margin-bottom:1rem}.mobile-nav-links a{text-decoration:none;font-family:Inter,sans-serif;font-weight:600;font-size:1.2rem;transition:color .2s,transform .2s ease;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;display:block}.mobile-nav-links a:hover{color:var(--color-primary);transform:translate(5px)}.mobile-language{display:flex;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem}.mobile-theme{background:none!important;font-size:large;border:none!important;cursor:pointer;transition:transform .2s ease,opacity .2s ease;margin-top:1.5rem;margin-bottom:1rem;position:relative;z-index:900;will-change:transform,opacity}.mobile-theme-hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-theme svg{stroke-width:2}.mobile-theme:hover{transform:rotate(15deg)}.language-dropdown-mobile{z-index:1200!important;position:fixed!important;box-shadow:0 4px 12px #00000026!important;padding:.5rem!important;border-radius:8px!important;min-width:180px!important;background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;left:50%!important;transform:translate(-50%)!important;opacity:1!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease;margin-top:8px}.language-dropdown-mobile button{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.5rem!important;background:none;border:none;border-radius:3px;font-size:14px;cursor:pointer;transition:background-color .2s,color .2s,transform .2s ease;color:var(--text-color)}.language-dropdown-mobile button:hover{background-color:var(--bg-secondary)!important;color:var(--color-primary)!important;transform:translate(3px)}@media (max-width: 768px){.nav-right{display:none}.menu-button{display:block}.navbar{padding:0}.nav-container{padding:0 1rem;justify-content:flex-end}}.background{position:fixed;top:0;left:0;width:100vw;height:100vh;transition:background-color .3s ease-in-out;z-index:-10}.background.dark{background-color:#000}.background.light{background-color:#fff}.cursor-effect{position:fixed;pointer-events:none;border-radius:70%}.hero{--hero-padding: var(--spacing-2xl);--hero-gap: 4rem;display:flex;align-items:center;justify-content:center;gap:var(--hero-gap);padding:calc(var(--spacing-3xl) + 3.5rem) var(--spacing-2xl) var(--spacing-3xl);max-width:var(--breakpoint-large);margin:0 auto;min-height:100vh;position:relative;width:100%}@media (min-width: 768px){.hero{--hero-gap: 8rem;padding-left:var(--hero-padding);padding-right:var(--hero-padding)}}@media (min-width: 1200px){.hero{--hero-gap: 10rem}}.hero.light{color:var(--text-light)}.hero.dark{color:var(--text-dark)}.hero-content{--content-max-width: 42rem;flex:1;max-width:var(--content-max-width);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}@media (min-width: 768px){.hero-content{--content-max-width: 55rem}}.hero-title{--title-size: 2.5rem;--title-line-height: 1.1;font-size:var(--title-size);font-weight:800;line-height:var(--title-line-height);margin:0 0 var(--spacing-sm);letter-spacing:-.02em}@media (min-width: 768px){.hero-title{--title-size: 3.5rem;white-space:nowrap}}@media (min-width: 1024px){.hero-title{--title-size: 4rem}}.hero-title.light{color:var(--text-light)}.hero-title.dark{color:var(--text-dark)}.hero-subtitle{--subtitle-size: 1.5rem;--subtitle-line-height: 1.2;font-size:var(--subtitle-size);font-weight:600;line-height:var(--subtitle-line-height);margin:0 0 var(--spacing-lg);min-height:2.5rem;display:flex;align-items:center;overflow:hidden}@media (min-width: 768px){.hero-subtitle{--subtitle-size: 2rem;white-space:nowrap}}@media (min-width: 1024px){.hero-subtitle{--subtitle-size: 2.25rem}}.hero-subtitle.light{color:var(--color-primary-light)}.hero-subtitle.dark{color:var(--color-primary-dark)}.hero-text{--text-size: 1.125rem;--text-line-height: 1.7;font-size:var(--text-size);line-height:var(--text-line-height);max-width:40rem;margin:0 0 var(--spacing-2xl);opacity:.9}@media (min-width: 768px){.hero-text{--text-size: 1.25rem}}.hero-text.light{color:var(--color-muted-light)}.hero-text.dark{color:var(--color-muted-dark)}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media (max-width: 767px){.hero-buttons{flex-direction:column;width:100%}}.hero-button{--button-padding: .875rem 1.75rem;--button-radius: var(--border-radius-md);--button-font-size: 1rem;display:inline-flex;align-items:center;justify-content:center;font-weight:600;padding:var(--button-padding);border-radius:var(--button-radius);transition:all var(--transition-fast);text-decoration:none;text-align:center;cursor:pointer;font-size:var(--button-font-size);font-family:inherit;border:2px solid transparent;white-space:nowrap}@media (max-width: 767px){.hero-button{width:100%}}@media (min-width: 768px){.hero-button{--button-padding: 1rem 2rem}}.hero-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hero-button:active{transform:translateY(0)}.hero-button.cv.light{color:var(--text-dark);background-color:var(--color-primary-light);border:2px solid var(--color-primary-light)}.hero-button.cv.dark{color:var(--text-light);background-color:var(--color-primary-dark);border:2px solid var(--color-primary-dark)}.hero-button.cv.light:hover{background-color:transparent;color:var(--color-primary-light);transform:scale(1.05)}.hero-button.cv.dark:hover{background-color:transparent;color:var(--color-primary-dark);transform:scale(1.05)}.hero-button.contact{background-color:transparent}.hero-button.contact.light{color:var(--color-primary-light);border:2px solid var(--color-primary-light)}.hero-button.contact.dark{color:var(--color-primary-dark);border:2px solid var(--color-primary-dark)}.hero-button.contact.light:hover{background-color:var(--color-primary-light);color:#fff;transform:scale(1.05)}.hero-button.contact.dark:hover{background-color:var(--color-primary-dark);color:#fff;transform:scale(1.05)}.hero-image{--image-size: 18rem;flex:none;display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--image-size);margin:0 auto;position:relative}.hero-image:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media (min-width: 768px){.hero-image{--image-size: 22rem;margin:0}}@media (min-width: 1024px){.hero-image{--image-size: 28rem}}.hero-image img{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;box-shadow:0 4px 30px #0000001a;transition:transform var(--transition-normal)}.hero-image:hover :is(.hero-image img){transform:scale(1.02)}.hero-image.light img{border:3px solid var(--color-primary-light)}.hero-image.dark img{border:3px solid var(--color-primary-dark)}.hero-links{margin-top:2rem;display:flex;gap:1.5rem;font-size:2rem}.hero-links a{transition:all .3s ease;transform:scale(1)}.hero-links.light a{color:var(--color-muted-light)}.hero-links.dark a{color:var(--text-dark)}.hero-links a:hover{transform:scale(1.15)}.hero-links.light a:hover{color:var(--color-primary-light)}.hero-links.dark a:hover{color:var(--color-primary-dark)}@keyframes blink{50%{opacity:0}}.animate-blink{animation:blink 1s infinite}.animate-blink.light{color:var(--color-primary-light)}.animate-blink.dark{color:var(--color-primary-dark)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:2rem;cursor:pointer}.hero-scroll.light{color:var(--color-muted-light)}.hero-scroll.dark{color:var(--color-muted-dark)}.hero-scroll.light:hover{color:var(--color-primary-light)}.hero-scroll.dark:hover{color:var(--color-primary-dark)}@media (max-width: 767px){.hero{flex-direction:column-reverse;text-align:center;padding-top:calc(var(--spacing-3xl) + 3.5rem);gap:var(--spacing-2xl)}.hero-content{align-items:center;text-align:center}.hero-title,.hero-subtitle{white-space:normal}.hero-subtitle,.hero-links{justify-content:center}.hero-image{margin-bottom:var(--spacing-lg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero.light .hero-title,.hero.light .hero-subtitle{color:var(--text-light)}.hero.dark .hero-title,.hero.dark .hero-subtitle{color:var(--text-dark)}.hero.light .hero-text{color:var(--color-muted-light)}.hero.dark .hero-text{color:var(--color-muted-dark)}.about-section{padding:6rem 10% 4rem;display:flex;justify-content:center;min-height:100vh;position:relative}.about-section.light{background-color:var(--bg-secondary-light);color:var(--text-light)}.about-section.dark{background-color:var(--bg-secondary-dark);color:var(--text-dark)}.about-container{max-width:1200px;width:100%;display:flex;flex-direction:column;justify-content:center}.about-header{text-align:center;margin-bottom:3rem}.about-title{font-size:2.5rem;font-weight:700;margin-top:.5rem}.about-underline{width:80px;height:3px;margin:8px auto 0}.about-underline.light{background-color:var(--color-primary-light)}.about-underline.dark{background-color:var(--color-primary-dark)}.about-content{display:flex;justify-content:space-between;gap:4rem}.about-text{flex:1;max-width:600px}.about-text h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.about-text p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.about-text.light p{color:var(--color-muted-light)}.about-text.dark p{color:var(--color-muted-dark)}.about-cards{flex:1;display:flex;flex-direction:column;gap:1.5rem}.about-card{padding:1.5rem;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.about-card.light{background-color:var(--card-bg-light);border:1px solid var(--card-border-light)}.about-card.dark{background-color:var(--card-bg-dark);border:1px solid var(--card-border-dark)}.about-card.light:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0000001a;border:1px solid rgba(0,0,0,.3)}.about-card.dark:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0003;border:1px solid rgba(255,255,255,.3)}.about-icon{font-size:2rem}.about-icon.light{color:var(--color-primary-light)}.about-icon.dark{color:var(--color-primary-dark)}@media (max-width: 900px){.about-section{padding:5rem 5% 3rem}.about-content{flex-direction:column;align-items:center;gap:2rem;margin-bottom:3.5rem}.about-text{text-align:center;max-width:100%}.about-title{font-size:2rem}.about-cards{width:100%}.about-card{align-items:center;text-align:center}}@media (max-width: 480px){.about-section{padding:4rem 5% 2rem}.about-title{font-size:1.8rem}.about-text h3{font-size:1.3rem}.about-card{padding:1.2rem}}.projects-section{--section-padding: var(--spacing-3xl) 5%;padding:var(--section-padding);display:flex;justify-content:center;min-height:100vh;position:relative;scroll-margin-top:4rem}@media (min-width: 768px){.projects-section{--section-padding: var(--spacing-3xl) 5%}}@media (min-width: 1200px){.projects-section{--section-padding: var(--spacing-3xl) 5%}}.projects-section.light{background-color:var(--bg-secondary-light);color:var(--text-light)}.projects-section.dark{background-color:var(--bg-secondary-dark);color:var(--text-dark)}.projects-container{--container-max-width: var(--breakpoint-large);max-width:var(--container-max-width);width:100%;display:flex;flex-direction:column;justify-content:center;margin:0 auto;position:relative;z-index:1}.projects-header{text-align:center;margin-bottom:3rem}.projects-title{--title-size: 2.25rem;--title-line-height: 1.2;font-size:var(--title-size);font-weight:800;line-height:var(--title-line-height);margin:0 0 var(--spacing-sm);letter-spacing:-.02em;text-align:center}@media (min-width: 768px){.projects-title{--title-size: 3rem}}.projects-underline{--underline-width: 80px;--underline-height: 4px;width:var(--underline-width);height:var(--underline-height);margin:var(--spacing-sm) auto var(--spacing-2xl);border-radius:2px;transition:transform var(--transition-normal)}@media (hover: hover){.projects-underline:hover{transform:scaleX(1.2)}}.projects-underline.light{background-color:var(--color-primary-light)}.projects-underline.dark{background-color:var(--color-primary-dark)}.projects-description{--description-max-width: 52rem;--description-size: 1.125rem;--description-line-height: 1.7;max-width:var(--description-max-width);font-size:var(--description-size);line-height:var(--description-line-height);text-align:center;margin:0 auto var(--spacing-3xl);opacity:.9}@media (min-width: 768px){.projects-description{--description-size: 1.25rem}}.projects-description.light{color:var(--color-muted-light)}.projects-description.dark{color:var(--color-muted-dark)}.projects-grid{--grid-gap: var(--spacing-xl);--card-min-width: 300px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr));grid-auto-rows:max-content;gap:var(--grid-gap);margin:0;padding:0;padding-bottom:2rem;list-style:none;align-items:start}@media (max-width: 767px){.projects-grid{--card-min-width: 100%;--grid-gap: var(--spacing-lg)}}@media (min-width: 1200px){.projects-grid{--card-min-width: 350px}}.project-card-container{display:contents}.project-card{--card-radius: var(--border-radius-lg);--card-padding: var(--spacing-lg);--card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--card-shadow-hover: 0 10px 25px rgba(0, 0, 0, .2);--card-height: 480px;display:flex;flex-direction:column;border-radius:var(--card-radius);overflow:hidden;transition:all var(--transition-normal);height:var(--card-height);position:relative;background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);align-self:start;z-index:1}@media (hover: hover){.project-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.project-card:hover .project-image img{transform:scale(1.05)}}@media (max-width: 767px){.project-card{--card-height: 420px}}.project-card.light{background-color:var(--card-bg-light);border:1px solid var(--card-border-light)}.project-card.dark{background-color:#222;border:none}.project-card:hover{box-shadow:0 8px 24px #0003}.project-image{--image-height: 200px;height:var(--image-height);width:100%;background-color:var(--bg-secondary);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.project-image{--image-height: 220px}}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);will-change:transform}.project-image.light{background-color:#f0f0f0}.project-image.dark{background-color:#333}.project-image img{width:100%;height:100%;object-fit:cover}.project-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.project-content{padding:var(--card-padding);flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.project-title{--title-size: 1.4rem;--title-line-height: 1.3;font-size:var(--title-size);font-weight:700;line-height:var(--title-line-height);margin:0;color:var(--text-color)}@media (min-width: 768px){.project-title{--title-size: 1.5rem}}.project-description{--description-size: .95rem;--description-line-height: 1.6;font-size:var(--description-size);line-height:var(--description-line-height);margin:0;flex:1;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 768px){.project-description{--description-size: 1rem;-webkit-line-clamp:3}}.project-description.light{color:var(--color-muted-light)}.project-description.dark{color:#aaa}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.tech-tag{--tag-padding: .25em .75em;--tag-radius: 4px;--tag-font-size: .75rem;--tag-font-weight: 600;padding:var(--tag-padding);border-radius:var(--tag-radius);font-size:var(--tag-font-size);font-weight:var(--tag-font-weight);color:#fff;background-color:var(--color-primary);transition:all var(--transition-fast)}@media (min-width: 768px){.tech-tag{--tag-font-size: .8rem}}.project-controls{display:flex;justify-content:flex-start;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}@media (max-width: 479px){.project-controls{flex-direction:column;align-items:stretch}}.project-expand-button{background:none;border:none;cursor:pointer;color:#999;display:flex;align-items:center;justify-content:center;padding:1rem;transition:transform .3s ease;width:100%;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;flex-shrink:0}.project-expand-button.light{color:var(--color-muted-light);border-top:1px solid rgba(0,0,0,.1)}.project-expand-button.dark{color:#999}.project-expand-button:hover{background-color:#ffffff0d;transform:translateY(-1px)}.project-expand-button.active{transform:rotate(180deg)}.project-expand-button.active:hover{transform:rotate(180deg) translateY(-1px)}.project-details{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,box-shadow .3s ease;padding:0;background-color:#1a1a1a;border-top:0px solid transparent;margin:0}.project-details.light{background-color:#f5f5f5}.project-details.expanded{max-height:500px;overflow-y:auto;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1a;margin:0}.project-details.expanded.light{border-top:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px #0000000d}.features-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;margin-top:0}.features-list{margin:0 0 1.5rem;padding-left:1.5rem}.features-list li{margin-bottom:.5rem;font-size:.9rem;line-height:1.4}.features-list li.light{color:var(--color-muted-light)}.features-list li.dark{color:#aaa}.project-buttons{display:flex;gap:.8rem;margin-top:1.5rem;margin-bottom:0;flex-wrap:wrap}.project-button{padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent;flex:1;min-width:120px}.project-button.code{background-color:transparent;border:1px solid #ccff00;color:#cf0}.project-button.demo{background-color:#cf0;color:#000;border:1px solid #ccff00}.project-button.more{background-color:transparent;border:1px solid #fff;color:#fff}.project-button.code.light{border:1px solid var(--color-primary-light);color:var(--color-primary-light)}.project-button.demo.light{background-color:var(--color-primary-light);color:#fff;border:1px solid var(--color-primary-light)}.project-button.more.light{border:1px solid var(--text-light);color:var(--text-light)}.project-button:hover{transform:translateY(-2px)}.project-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.project-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(3px)}.project-modal{width:90%;max-width:800px;max-height:90vh;border-radius:10px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d}.project-modal.light{background-color:var(--bg-modal-secondary-light);color:var(--text-light)}.project-modal.dark{background-color:var(--bg-modal-secondary-dark);color:var(--text-dark)}.modal-header{padding:1.5rem;border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center}.modal-header.light{border-color:var(--card-border-light)}.modal-header.dark{border-color:var(--card-border-dark)}.modal-title{font-size:1.8rem;font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-image{width:100%;height:300px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.modal-image.dark{background-color:#2a2a2a}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.modal-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.modal-technologies{margin-bottom:1.5rem}.modal-technologies-title{font-size:1.2rem;font-weight:700;margin-bottom:.8rem}.modal-tech-tags{display:flex;flex-wrap:wrap;gap:.8rem}.modal-features-title{font-size:1.2rem;font-weight:700;margin-bottom:.8rem}.modal-features{margin:0 0 1.5rem;padding-left:1.5rem}.modal-features li{margin-bottom:.5rem}.modal-features li.light{color:var(--color-muted-light)}.modal-features li.dark{color:var(--color-muted-dark)}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.modal-button{padding:.8rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.modal-button.primary.light{background-color:var(--color-primary-light);color:var(--text-light)}.modal-button.primary.dark{background-color:var(--color-primary-dark);color:var(--text-light)}.modal-button.secondary.light{background-color:transparent;border-color:var(--color-primary-light);color:var(--color-primary-light)}.modal-button.secondary.dark{background-color:transparent;border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.modal-button:hover{transform:translateY(-2px)}.modal-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (prefers-reduced-motion: reduce){.project-card,.project-button,.tech-tag{transition:none!important}.project-card:hover{transform:none!important}}.project-card.light{--card-bg: var(--card-bg-light);--card-border: var(--card-border-light);--text-color: var(--text-light);--text-muted: var(--color-muted-light)}.project-card.dark{--card-bg: #222;--card-border: #333;--text-color: var(--text-dark);--text-muted: #aaa}@media (max-width: 767px){.projects-section{padding:var(--spacing-3xl) var(--spacing-md) var(--spacing-2xl)}.projects-title{--title-size: 2rem}.projects-description{--description-size: 1.05rem;margin-bottom:var(--spacing-2xl)}.project-card{max-width:100%}}@media (max-width: 479px){.project-buttons{flex-direction:column;gap:var(--spacing-xs)}.project-button{width:100%}}.project-card.expanded{z-index:10;height:auto;overflow:visible}.experience-section{padding:6rem 10% 4rem;display:flex;justify-content:center;min-height:100vh;position:relative}.experience-section.light{background-color:var(--bg-primary-light);color:var(--text-light)}.experience-section.dark{background-color:var(--bg-primary-dark);color:var(--text-dark)}.experience-container{max-width:1200px;width:100%;display:flex;flex-direction:column;justify-content:center}.experience-header{text-align:center;margin-bottom:3rem}.experience-title{font-size:2.5rem;font-weight:700;margin-top:.5rem}.experience-underline{width:80px;height:3px;margin:8px auto 0}.experience-underline.light{background-color:var(--color-primary-light)}.experience-underline.dark{background-color:var(--color-primary-dark)}.timeline{position:relative;max-width:800px;margin:0 auto;margin-bottom:1.5rem}.timeline:before{content:"";position:absolute;width:3px;background-color:var(--bg-secondary);top:0;bottom:0;left:50px;margin-left:-1.5px}.timeline.light:before{background-color:var(--color-primary-light);opacity:.3}.timeline.dark:before{background-color:var(--color-primary-dark);opacity:.3}.timeline-item{padding:0 0 2.5rem 6rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{width:20px;height:20px;border-radius:50%;position:absolute;left:40px;top:15px;transform:translate(-50%);z-index:1}.timeline-dot-current.light{background-color:var(--color-primary-dark)}.timeline-dot-current.dark,.timeline-dot-previous.light{background-color:var(--color-primary-light)}.timeline-dot-previous.dark{background-color:var(--color-primary-dark)}.timeline-card{background-color:var(--card-bg);border-radius:10px;padding:2rem;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid}.timeline-card-current.light{border-left-color:var(--color-primary-dark)}.timeline-card-current.dark,.timeline-card-previous.light{border-left-color:var(--color-primary-light)}.timeline-card-previous.dark{border-left-color:var(--color-primary-dark)}.timeline-card.light{background-color:var(--card-bg-light);border:1px solid var(--card-border-light)}.timeline-card.dark{background-color:var(--card-bg-dark);border:1px solid var(--card-border-dark)}.timeline-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.timeline-info{flex:1}.timeline-position{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.timeline-company{font-size:1.2rem;font-weight:600;margin:0}.timeline-period{font-size:1rem;color:var(--color-muted);margin-left:auto;padding-left:1rem;text-align:right;white-space:nowrap}.timeline-period.light{color:var(--color-muted-light)}.timeline-period.dark{color:var(--color-muted-dark)}.timeline-description{margin-top:1rem;font-size:1rem;line-height:1.6}.timeline-description.light{color:var(--color-muted-light)}.timeline-description.dark{color:var(--color-muted-dark)}.timeline-more{display:flex;justify-content:flex-end;margin-top:1rem}.more-button{background-color:transparent;border:none;padding:.5rem 0;cursor:pointer;font-weight:600;display:flex;align-items:center;transition:transform .3s ease}.more-button.light{color:var(--color-primary-light)}.more-button.dark{color:var(--color-primary-dark)}.more-button:hover{transform:translate(5px)}.more-icon{margin-left:.5rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(3px)}.modal-container{background-color:var(--bg-primary);border-radius:10px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #0003}.modal-container.light{background-color:var(--bg-modal-primary-light);color:var(--text-light);border:1px solid var(--card-border-light)}.modal-container.dark{background-color:var(--bg-modal-primary-dark);color:var(--text-dark);border:1px solid var(--card-border-dark)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center}.modal-header.light{border-bottom:1px solid var(--card-border-light);background-color:var(--bg-modal-secondary-light)}.modal-header.dark{border-bottom:1px solid var(--card-border-dark);background-color:var(--bg-modal-secondary-dark)}.modal-title{margin:0}.modal-company{font-size:1.1rem;color:var(--color-muted);margin:.3rem 0 0}.modal-company.light{color:var(--color-muted-light)}.modal-company.dark{color:var(--color-muted-dark)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;color:var(--text-color)}.modal-close.light{color:var(--text-light)}.modal-close.dark{color:var(--text-dark)}.modal-body{padding:2rem}.modal-description{white-space:pre-line;line-height:1.8}.modal-description.light{color:var(--color-muted-light)}.modal-description.dark{color:var(--color-muted-dark)}@media (max-width: 900px){.experience-section{padding:5rem 5% 3rem}.experience-title{font-size:2rem}.timeline{max-width:100%;margin-bottom:3.5rem}.timeline:before{left:30px}.timeline-item{padding-left:4rem}.timeline-dot{left:30px}.timeline-card{padding:1.5rem}.timeline-header{flex-direction:column}.timeline-period{margin-left:0;padding-left:0;margin-top:.5rem;text-align:left}}@media (max-width: 480px){.experience-section{padding:4rem 5% 2rem}.experience-title{font-size:1.8rem}.timeline-item{padding-left:3.5rem}.timeline:before{left:20px}.timeline-dot{left:20px;width:15px;height:15px}.timeline-card{padding:1.2rem}.timeline-position{font-size:1.3rem}.timeline-company{font-size:1.1rem}.modal-container{width:95%}.modal-header,.modal-body{padding:1.2rem}}.contact-section{padding:6rem 10% 4rem;display:flex;justify-content:center;min-height:100vh;position:relative}.contact-section.light{background-color:var(--bg-primary-light);color:var(--text-light)}.contact-section.dark{background-color:var(--bg-primary-dark);color:var(--text-dark)}.contact-container{max-width:1200px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-header{text-align:center;margin-bottom:3rem}.contact-tag{padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:700;color:#fff;display:inline-block}.contact-tag.light{background-color:var(--color-primary-light);color:#fff}.contact-tag.dark{background-color:var(--color-primary-dark);color:#fff}.contact-title{font-size:2.5rem;font-weight:700;margin-top:.5rem}.contact-underline{width:80px;height:3px;margin:8px auto 0}.contact-underline.light{background-color:var(--color-primary-light)}.contact-underline.dark{background-color:var(--color-primary-dark)}.contact-description{max-width:600px;text-align:center;margin:0 auto 3rem;line-height:1.6}.contact-description.light{color:var(--color-muted-light)}.contact-description.dark{color:var(--color-muted-dark)}.contact-content{display:flex;width:100%;gap:2rem;margin-top:2rem}.contact-form{flex:2;padding:2.5rem;border-radius:10px;box-shadow:0 4px 16px #0000001a}.contact-form.light{background-color:var(--card-bg-light);border:1px solid var(--card-border-light)}.contact-form.dark{background-color:var(--card-bg-dark);border:1px solid var(--card-border-dark)}.form-row{margin-bottom:1.5rem}.form-dual{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-label{margin-bottom:.5rem;font-weight:600}.form-input,.form-textarea{padding:1rem;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input.light,.form-textarea.light{background-color:var(--bg-primary-light);border:1px solid var(--card-border-light);color:var(--text-light)}.form-input.dark,.form-textarea.dark{background-color:var(--bg-primary-dark);border:1px solid var(--card-border-dark);color:var(--text-dark)}.form-input:focus,.form-textarea:focus{outline:none}.form-input.light:focus,.form-textarea.light:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 2px rgba(var(--color-primary-light-rgb),.2)}.form-input.dark:focus,.form-textarea.dark:focus{border-color:var(--color-primary-dark);box-shadow:0 0 0 2px rgba(var(--color-primary-dark-rgb),.2)}.form-textarea{resize:vertical;min-height:150px}.form-button{padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent;width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.form-button.light{background-color:var(--color-primary-light);color:#fff}.form-button.dark{background-color:var(--color-primary-dark);color:#fff}.form-button.light:hover{background-color:transparent;border-color:var(--color-primary-light);color:var(--color-primary-light)}.form-button.dark:hover{background-color:transparent;border-color:var(--color-primary-dark);color:var(--color-primary-dark)}.form-button:disabled{opacity:.7;cursor:not-allowed}.form-status{margin-top:1.5rem;padding:1rem;border-radius:6px;text-align:center;font-weight:600}.form-status.success{background-color:#00c8531a;color:#00c853;border:1px solid rgba(0,200,83,.3)}.form-status.error{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.form-status.loading{background-color:#03a9f41a;color:#03a9f4;border:1px solid rgba(3,169,244,.3)}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact-info{flex:1;display:flex;flex-direction:column;gap:1.5rem}.contact-info-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.contact-info-item:hover{transform:translateY(-5px)}.contact-info-item.light{background-color:var(--card-bg-light);border:1px solid var(--card-border-light)}.contact-info-item.dark{background-color:var(--card-bg-dark);border:1px solid var(--card-border-dark)}.contact-info-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.contact-info-icon.light{background-color:var(--color-primary-light);color:#fff}.contact-info-icon.dark{background-color:var(--color-primary-dark);color:#fff}.contact-info-content{flex:1}.contact-info-title{font-size:1.1rem;font-weight:600;margin:0 0 .3rem}.contact-info-text{font-size:1rem;margin:0}.contact-info-text.light{color:var(--color-muted-light)}.contact-info-text.dark{color:var(--color-muted-dark)}.contact-social{padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.contact-social.light{background-color:var(--card-bg-light);border:1px solid var(--card-border-light)}.contact-social.dark{background-color:var(--card-bg-dark);border:1px solid var(--card-border-dark)}.contact-social-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.contact-social-icons{display:flex;gap:1rem}.contact-social-link{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.contact-social-link.light{background-color:var(--bg-secondary-light);color:var(--color-primary-light)}.contact-social-link.dark{background-color:var(--bg-secondary-dark);color:var(--color-primary-dark)}.contact-social-link:hover{transform:translateY(-5px)}.contact-social-link.light:hover{background-color:var(--color-primary-light);color:#fff}.contact-social-link.dark:hover{background-color:var(--color-primary-dark);color:#fff}@media (max-width: 1024px){.contact-content{flex-direction:column}.contact-info{margin-top:2rem}}@media (max-width: 900px){.contact-section{padding:5rem 5% 3rem}.contact-title{font-size:2rem}.contact-form{padding:1.5rem}.form-dual{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.contact-section{padding:4rem 5% 2rem}.contact-title{font-size:1.8rem}.contact-form{padding:1.2rem}.form-button{padding:.8rem 1.5rem}}.footer{width:100%;position:relative;padding:2rem;text-align:center}.footer.light{background-color:var(--bg-primary-light);color:var(--text-light)}.footer.dark{background-color:var(--bg-primary-dark);color:var(--text-dark)}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer-divider{width:100%;height:1px;margin-bottom:1.5rem}.footer-divider.light{background-color:var(--card-border-light)}.footer-divider.dark{background-color:var(--card-border-dark)}.footer-copyright{font-size:.9rem;margin:.5rem 0}.footer-copyright.light{color:var(--color-muted-light)}.footer-copyright.dark{color:var(--color-muted-dark)}.footer-copyright a{transition:color .3s ease}.footer-copyright.light a{color:var(--color-primary-light)}.footer-copyright.dark a{color:var(--color-primary-dark)}.footer-copyright a:hover{text-decoration:underline}.back-to-top{position:absolute;right:2rem;bottom:2rem;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;border:none}.back-to-top.light{background-color:var(--color-primary-light);color:#fff;box-shadow:0 2px 10px #0000001a}.back-to-top.dark{background-color:var(--color-primary-dark);color:#fff;box-shadow:0 2px 10px #0000004d}.back-to-top.light:hover{transform:translateY(-8px);background-color:var(--color-primary-light);box-shadow:0 4px 12px #0003}.back-to-top.dark:hover{transform:translateY(-8px);background-color:var(--color-primary-dark);box-shadow:0 4px 12px #0006}@media (max-width: 768px){.footer{padding:2rem 1rem 4rem}.footer-links{gap:1rem;flex-direction:column}.footer-social{margin-bottom:1.5rem}.back-to-top{right:50%;transform:translate(50%);bottom:1rem}.back-to-top:hover{transform:translate(50%) translateY(-3px)}}:root{--bg-primary-light: rgba(255, 255, 255, .567);--bg-secondary-light: rgba(235, 235, 235, .567);--bg-primary-dark: rgba(0, 0, 0, .567);--bg-secondary-dark: rgba(20, 20, 20, .567);--bg-modal-primary-light: rgba(255, 255, 255);--bg-modal-secondary-light: rgba(235, 235, 235);--bg-modal-primary-dark: rgba(0, 0, 0);--bg-modal-secondary-dark: rgba(20, 20, 20);--color-muted-light: #6c757d;--color-muted-dark: #a0a0a0;--text-secondary-light: #ffffff;--text-secondary-dark: #000000;--color-primary-light: #68a2f9;--color-secondary-light: #a5b4fc;--color-primary-dark: #becb57;--color-secondary-dark: #e9f974;--text-dark: #f5f5f5;--text-light: #333;--card-bg-light: #fff;--card-border-light: #ddd;--card-bg-dark: #111;--card-border-dark: rgba(255, 255, 255, .1);--button-bg-light: var(--color-primary);--button-bg-dark: var(--color-secondary);--button-text-light: #fff;--button-text-dark: #000;--tag-bg: var(--color-primary);--tag-text: white;--progress-bg-light: #eee;--progress-bg-dark: rgba(255, 255, 255, .2)}:root.dark{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--text-color: var(--text-dark);--card-bg: var(--card-bg-dark);--card-border: var(--card-border-dark);--button-bg: var(--button-bg-dark);--button-text: var(--button-text-dark);--progress-bg: var(--progress-bg-dark)}:root.light{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--text-color: var(--text-light);--card-bg: var(--card-bg-light);--card-border: var(--card-border-light);--button-bg: var(--button-bg-light);--button-text: var(--button-text-light);--progress-bg: var(--progress-bg-light)}:root{--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto;display:block}@media (prefers-contrast: high){*{color:#000!important;background-color:#fff!important}*:before,*:after{background-color:#fff!important}}@supports (font-variation-settings: normal){@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(https://rsms.me/inter/font-files/Inter.var.woff2) format("woff2")}body{font-family:Inter var,system-ui,-apple-system,sans-serif}}