*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#fff;background-color:#000;overflow-x:hidden}.container,.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav-container{max-width:1400px}.hidden{display:none!important}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgb(0 0 0 / .98);backdrop-filter:blur(20px);border-bottom:1px solid rgb(128 128 128 / .5);box-shadow:0 8px 32px rgb(0 0 0 / .8)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:5rem}.logo{display:flex;align-items:center;gap:1rem}.logo-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(139 92 246 / .3);color:#fff;font-weight:700;font-size:1.125rem}.logo-title{font-size:1.25rem;font-weight:700;color:#fff}.logo-subtitle{display:flex;align-items:center;font-size:.875rem;color:#9ca3af}.logo-subtitle svg{width:1rem;height:1rem;margin-right:.25rem}.nav-desktop{display:none;align-items:center;gap:.25rem}.nav-link,.resume-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;transition:all 0.3s ease;font-weight:500;font-size:.875rem;text-decoration:none;color:#d1d5db}.resume-btn{background-color:#8b5cf6;color:#fff;box-shadow:0 4px 12px rgb(139 92 246 / .3);margin-left:.5rem}.nav-link:hover{color:#fff;background-color:rgb(128 128 128 / .8);transform:scale(1.05)}.resume-btn:hover{background-color:#7c3aed;transform:scale(1.05)}.nav-link.active{color:#fff;background:linear-gradient(90deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px rgb(139 92 246 / .3);transform:scale(1.05)}.nav-icon{width:1rem;height:1rem}.mobile-menu-btn{display:block;padding:.5rem;border-radius:.75rem;color:#d1d5db;background:none;border:none;cursor:pointer;transition:all 0.3s ease}.mobile-menu-btn:hover{color:#fff;background-color:rgb(128 128 128 / .8)}.mobile-menu-btn svg{width:1.5rem;height:1.5rem}.mobile-menu{border-top:1px solid rgb(128 128 128 / .5);background:rgb(0 0 0 / .95);backdrop-filter:blur(20px)}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .5rem 1.5rem}.mobile-nav-links>a{transform:scale(1)!important;margin-left:0!important}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#000 0%,#1f2937 50%,#3a315700 100%)}.hero-content{position:relative;z-index:10;text-align:center;max-width:64rem;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:2rem}.hero-title{font-size:3rem;line-height:normal;font-weight:700;text-wrap:balance;margin-bottom:1rem;color:#fff;filter:drop-shadow(0 8px 16px rgb(0 0 0 / .8))}.hero-subtitle{font-size:1.25rem;color:#e5e7eb;padding:0 6vw;margin:0 auto;text-wrap:balance;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .6))}.hero-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 10vw}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;font-size:1.125rem;font-weight:500;border-radius:.5rem;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 32px rgb(0 0 0 / .4)}.btn-primary{background-color:#8b5cf6;color:#fff}.btn-primary:hover{background-color:#7c3aed}.btn-secondary{background-color:#374151;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn svg{width:1.25rem;height:1.25rem}section{padding:6rem 0;background-color:#000}section:nth-child(even){background-color:#111827}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;text-wrap:balance;color:#fff}.section-divider{width:6rem;height:.25rem;background-color:#8b5cf6;margin:0 auto 2rem}.about-text{font-size:1.25rem;line-height:1.8;color:#d1d5db;text-align:justify;hyphens:auto;padding:0 6vw}.about-text strong{color:#fff;font-weight:600}.timeline{position:relative;max-width:64rem;margin:0 auto}.timeline::after{position:absolute;left:2rem;top:0;bottom:0;width:.125rem;background-color:#8b5cf6;content:""}.timeline-item{position:relative;display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.timeline-icon{flex-shrink:0;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.timeline-icon.completed{background-color:#8b5cf6}.timeline-icon.future{background-color:#000;border:2px dashed #8b5cf6}.timeline-icon svg{width:2rem;height:2rem;color:#fff}.timeline-icon.future svg{color:#8b5cf6}.timeline-content{flex:1;padding:1rem 0}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.timeline-title{font-size:1.5rem;font-weight:600;color:#fff}.timeline-title.future{color:#d1d5db}.timeline-badge{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background-color:#374151;color:#d1d5db;border-radius:.5rem;font-size:.875rem}.timeline-badge.future{background-color:#374151;color:#9ca3af;border:1px dashed #8b5cf6}.timeline-badge svg{width:1rem;height:1rem}.timeline-description{color:#d1d5db;margin-bottom:1.5rem;font-size:1.125rem}.timeline-description.future{color:#9ca3af}.skills-grid{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-category{text-align:center;display:flex;flex-direction:column;gap:1.5rem}.skill-icon{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;margin:0 auto}.skill-icon svg{width:3rem;height:3rem;color:#fff}.skill-title{font-size:1.5rem;font-weight:700;color:#fff}.tags,.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem;cursor:default;text-align:center}.skill-tags .tag{flex:1 1 auto}.tag{background-color:#374151;color:#d1d5db;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;transition:all 0.3s ease}.tag:hover{background-color:#8b5cf6;color:#fff;transform:scale(1.05)}.projects-list{display:flex;flex-direction:column;gap:4rem}.project-item{border-left:4px solid #8b5cf6;padding:1.75rem .75rem;padding-left:2rem;display:flex;flex-direction:column;gap:1.5rem}.project-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.project-title{font-size:1.875rem;font-weight:700;color:#fff}.project-status{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem}.project-status.completed{background-color:#8b5cf6;color:#fff}.project-status.in-development{background-color:#374151;color:#d1d5db}.project-section{display:flex;flex-direction:column;gap:1rem}.project-section-title{font-size:1.125rem;font-weight:600;color:#a855f7}.project-description{color:#d1d5db;font-size:1.125rem;line-height:1.6;max-width:64rem}.project-features{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{display:flex;align-items:center;gap:.75rem;color:#d1d5db}.feature-item::before{content:"";width:.5rem;height:.5rem;background-color:#8b5cf6;border-radius:50%}.project-link{padding-top:1rem;width:fit-content}.link-btn{display:flex;align-items:center;gap:.5rem;color:#a855f7;background:none;border:none;cursor:pointer;transition:all 0.3s ease;font-size:1.125rem;font-weight:500}.link-btn:hover{color:#c084fc}.link-icon{width:1.25rem;height:1.25rem;transition:transform 0.3s ease}.link-btn:hover .link-icon{transform:scale(1.1)}.contact-grid{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.contact-item{text-align:center;display:flex;flex-direction:column;gap:1.5rem}.contact-icon{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:transform 0.3s ease}.contact-item:hover .contact-icon{transform:scale(1.1)}.contact-icon svg{width:3rem;height:3rem;color:#fff}.contact-title{font-size:1.5rem;font-weight:600;color:#fff}.contact-description{color:#d1d5db;font-size:1.125rem}.contact-btn{border:1px solid #4b5563;color:#d1d5db;background:#fff0;padding:.75rem 2rem;border-radius:.5rem;cursor:pointer;transition:all 0.3s ease;font-size:1rem}.contact-btn:hover{background-color:#8b5cf6;color:#fff;border-color:#8b5cf6}.footer{padding:4rem 1.5rem;border-top:1px solid #374151;background-color:#000}.footer-content{display:grid;gap:2rem;margin-bottom:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-section-title{font-size:1.125rem;font-weight:600;color:#fff}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-link,.footer-socials{color:#9ca3af;text-decoration:none;transition:color 0.3s ease}.footer-link:hover,.footer-socials:hover{color:#a855f7}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.footer-contact-item{display:flex;align-items:center;color:#9ca3af}.footer-contact-item svg{width:1rem;height:1rem;margin-right:.75rem}.footer-resume{padding-top:1rem;border-top:1px solid #374151;display:flex;flex-direction:column;gap:.75rem}.resume-title{font-size:.875rem;font-weight:600;color:#a855f7}.resume-description{font-size:.75rem;color:#6b7280;line-height:1.6}.resume-download{display:inline-flex;align-items:center;gap:.5rem;color:#a855f7;text-decoration:none;font-size:.875rem;transition:color 0.3s ease}.resume-download:hover{color:#c084fc}.download-icon{width:1rem;height:1rem;transition:transform 0.3s ease}.resume-download:hover .download-icon{transform:scale(1.1)}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;text-align:center;color:#9ca3af}@media (max-width:640px){.hero-buttons .btn{width:100%;white-space:nowrap}}@media (min-width:640px){.hero-title{font-size:4rem}.hero-subtitle{font-size:1.5rem}.hero-buttons{flex-direction:row}.hero-buttons .btn{width:auto}}@media (min-width:1024px){.nav-desktop{display:flex}.mobile-menu-btn{display:none}.hero-title{font-size:6rem}.section-title{font-size:3.75rem}.about-text{padding:0;text-align:center}}@media (min-width:1280px){.hero-title{font-size:6rem}}button:focus,a:focus{outline:2px solid #8b5cf6;outline-offset:2px}button,a,.nav-link{text-decoration:none;transition:all 0.3s ease}.hero-background{will-change:transform}@media print{.navbar,.hero-buttons,#contact,.link-btn,.footer-resume,.timeline::after,.footer-section:nth-child(2){display:none}body{color:#000;background:#fff}section{padding:1rem 0;min-height:fit-content!important;page-break-inside:avoid}.hero-title,.hero-subtitle{filter:none}.section-header{margin:0}.timeline-icon svg,.project-section-title{color:#000!important}.project-item{border-left:4px solid #000}}