@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-purple-500: #8b5cf6;--color-purple-600: #7c3aed;--color-purple-700: #6d28d9;--color-pink-500: #ec4899;--color-pink-600: #db2777;--color-pink-700: #be185d;--color-teal-400: #2dd4bf;--color-blue-500: #3b82f6;--color-gray-300: #d1d5db;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-white: #ffffff;--color-black: #000000;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-all: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.5;color:var(--color-gray-900);background-color:var(--color-white)}.app{min-height:100vh;display:flex;flex-direction:column}.app.dark-mode{color:var(--color-white);background-color:var(--color-gray-900)}.main-content{flex:1}.header{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.dark-mode .header{background-color:#111827e6;box-shadow:0 1px 2px #ffffff0d}.header-container{max-width:1200px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--color-purple-500),var(--color-pink-500));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-menu{display:flex}.nav-list{display:flex;list-style:none;gap:2rem}.nav-item a{text-decoration:none;color:var(--color-gray-700);font-weight:500;transition:var(--transition-all)}.dark-mode .nav-item a{color:var(--color-gray-300)}.nav-item a:hover{color:var(--color-purple-600)}.header-actions{display:flex;align-items:center;gap:1rem}.menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px}.menu-toggle .bar{width:24px;height:2px;background-color:var(--color-gray-900);transition:var(--transition-all)}.dark-mode .menu-toggle .bar{background-color:var(--color-white)}.hero-section{padding:8rem 1rem 4rem;min-height:100vh;display:flex;align-items:center}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.hero-content{display:flex;flex-direction:column;gap:1rem}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;display:flex;flex-direction:column}.greeting{display:block;color:var(--color-gray-700)}.dark-mode .greeting{color:var(--color-gray-300)}.name{display:block;background:linear-gradient(to right,var(--color-purple-500),var(--color-pink-500));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(to right,var(--color-teal-400),var(--color-blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:1.125rem;color:var(--color-gray-700);max-width:600px;margin-bottom:2rem}.dark-mode .hero-description{color:var(--color-gray-300)}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.contact-button,.cv-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:var(--transition-all);box-shadow:var(--shadow-md)}.contact-button{background:linear-gradient(to right,var(--color-purple-600),var(--color-pink-600));color:var(--color-white)}.contact-button:hover{background:linear-gradient(to right,var(--color-purple-700),var(--color-pink-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cv-button{background-color:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-900)}.dark-mode .cv-button{border-color:var(--color-gray-700);color:var(--color-white)}.cv-button:hover{border-color:var(--color-purple-500);color:var(--color-purple-600);transform:translateY(-2px)}.icon{width:1rem;height:1rem}.hero-image-container{display:flex;justify-content:center;align-items:center}.profile-image-border{width:300px;height:300px;border-radius:50%;padding:3px;background:linear-gradient(to right,var(--color-purple-500),var(--color-pink-500));display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-lg)}.profile-image{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--color-white)}.dark-mode .profile-image{border-color:var(--color-gray-900)}section{padding:5rem 1rem}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center;position:relative;color:var(--color-purple-600)}.dark-mode .section-title{color:var(--color-purple-500)}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(to right,var(--color-purple-500),var(--color-pink-500));border-radius:2px}.about-section{background-color:var(--color-white)}.dark-mode .about-section{background-color:var(--color-gray-900)}.about-container{max-width:800px;margin:0 auto}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-content p{font-size:1.125rem;line-height:1.7}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;width:2px;background:linear-gradient(to bottom,var(--color-purple-500),var(--color-pink-500));top:0;bottom:0;left:50px;margin-left:-1px}.timeline-item{padding:0 0 2rem 80px;position:relative}.timeline-dot{position:absolute;width:20px;height:20px;left:40px;background:linear-gradient(to right,var(--color-purple-500),var(--color-pink-500));border-radius:50%;z-index:1;transform:translate(-50%)}.timeline-content{padding:1.5rem;background-color:var(--color-white);border-radius:.5rem;box-shadow:var(--shadow-md);transition:var(--transition-all)}.dark-mode .timeline-content{background-color:var(--color-gray-800)}.timeline-content:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.timeline-title{font-size:1.25rem;font-weight:600}.timeline-period{font-size:.875rem;color:var(--color-gray-700);padding:.25rem .75rem;background-color:var(--color-gray-300);border-radius:9999px}.dark-mode .timeline-period{color:var(--color-white);background-color:var(--color-gray-700)}.timeline-company{font-size:1rem;font-weight:500;color:var(--color-purple-600);margin-bottom:1rem}.timeline-description{font-size:1rem;line-height:1.6;margin-bottom:1rem}.timeline-skills{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.25rem .75rem;border-radius:9999px;background:linear-gradient(to right,var(--color-purple-500),var(--color-pink-500));color:var(--color-white);font-size:.75rem;font-weight:500}.projects-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card{border-radius:.5rem;overflow:hidden;background-color:var(--color-white);box-shadow:var(--shadow-md);transition:var(--transition-all)}.dark-mode .project-card{background-color:var(--color-gray-800)}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(to right,var(--color-purple-600),var(--color-pink-600));color:var(--color-white);transition:transform .3s ease}.project-link:hover{transform:translateY(-3px)}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.project-description{font-size:1rem;line-height:1.6;color:var(--color-gray-700);margin-bottom:1rem}.dark-mode .project-description{color:var(--color-gray-300)}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.technology-tag{padding:.25rem .75rem;border-radius:9999px;background-color:var(--color-gray-300);color:var(--color-gray-900);font-size:.75rem;font-weight:500}.dark-mode .technology-tag{background-color:var(--color-gray-700);color:var(--color-white)}.skills-container{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-group{padding:1.5rem;border-radius:.5rem;background-color:var(--color-white);box-shadow:var(--shadow-md)}.dark-mode .skill-group{background-color:var(--color-gray-800)}.skill-category{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-purple-600)}.skill-list{display:flex;flex-wrap:wrap;gap:.75rem}.contact-section{background-color:var(--color-white)}.dark-mode .contact-section{background-color:var(--color-gray-900)}.contact-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-info h3{font-size:1.5rem;font-weight:600}.contact-info p{font-size:1.125rem;line-height:1.7}.contact-links{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.contact-link{font-size:1.125rem;color:var(--color-purple-600);text-decoration:none;transition:var(--transition-all)}.contact-link:hover{color:var(--color-pink-600)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:var(--color-gray-300);color:var(--color-gray-900);transition:var(--transition-all)}.dark-mode .social-link{background-color:var(--color-gray-700);color:var(--color-white)}.social-link:hover{background:linear-gradient(to right,var(--color-purple-600),var(--color-pink-600));color:var(--color-white);transform:translateY(-3px)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{padding:.75rem;border-radius:.375rem;border:1px solid var(--color-gray-300);background-color:var(--color-white);font-family:var(--font-sans);font-size:1rem;transition:var(--transition-all)}.dark-mode .form-group input,.dark-mode .form-group textarea{border-color:var(--color-gray-700);background-color:var(--color-gray-800);color:var(--color-white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-purple-500);box-shadow:0 0 0 2px #8b5cf633}.submit-button{padding:.75rem 1.5rem;border-radius:.5rem;background:linear-gradient(to right,var(--color-purple-600),var(--color-pink-600));color:var(--color-white);font-weight:500;border:none;cursor:pointer;transition:var(--transition-all);margin-top:1rem}.submit-button:hover{background:linear-gradient(to right,var(--color-purple-700),var(--color-pink-700));transform:translateY(-2px);box-shadow:var(--shadow-md)}.footer{background-color:var(--color-gray-900);color:var(--color-white);padding:2rem 1rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-text{font-size:.875rem}.footer-social{display:flex;gap:1rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-900);cursor:pointer;transition:var(--transition-all)}.dark-mode .theme-toggle{border-color:var(--color-gray-700);color:var(--color-white)}.theme-toggle:hover{background-color:#0000000d}.dark-mode .theme-toggle:hover{background-color:#ffffff0d}@media (max-width: 768px){.hero-container{grid-template-columns:1fr}.hero-image-container{order:-1;margin-bottom:2rem}.profile-image-border{width:250px;height:250px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.contact-container{grid-template-columns:1fr}.menu-toggle{display:flex}.nav-menu{position:fixed;top:4rem;left:0;width:100%;background-color:var(--color-white);padding:1rem;box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition-all)}.dark-mode .nav-menu{background-color:var(--color-gray-800)}.nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;gap:1rem}.timeline:before{left:30px}.timeline-dot{left:20px}.timeline-item{padding-left:60px}.projects-container{grid-template-columns:1fr}}@media (max-width: 480px){.profile-image-border{width:200px;height:200px}.hero-buttons{flex-direction:column;width:100%}.contact-button,.cv-button{width:100%;justify-content:center}.section-title{font-size:1.75rem}.timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem}}