@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color-bg-dark: #0a0a0a;--color-bg-dark-alt: #111111;--color-bg-light: #fafaf9;--color-bg-light-alt: #f5f5f4;--color-accent: #f59e0b;--color-accent-hover: #d97706;--color-accent-light: rgba(245, 158, 11, .1);--color-text-dark: #1c1917;--color-text-secondary: #57534e;--color-text-light: #fafaf9;--color-text-muted: #a8a29e;--color-border: #e7e5e4;--color-border-dark: rgba(255, 255, 255, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}.site{overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section-title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin:0 0 16px;line-height:1.2}.section-subtitle{font-size:1.1em;color:var(--color-text-secondary);margin:0 0 48px;max-width:600px;line-height:1.7}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);border-bottom:1px solid transparent}.navbar-scrolled{background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--color-border-dark);box-shadow:0 4px 30px #0003}.navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 24px;height:70px}.navbar-logo{cursor:pointer;flex-shrink:0;display:flex;align-items:center}.navbar-logo img{width:40px;height:40px;border-radius:10px;transition:transform var(--transition)}.navbar-logo:hover img{transform:scale(1.08)}.navbar-links{display:flex;align-items:center;gap:32px}.navbar-links a{color:var(--color-text-muted);font-size:.9em;font-weight:500;cursor:pointer;transition:color var(--transition);text-decoration:none;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition)}.navbar-links a:hover{color:var(--color-text-light)}.navbar-links a:hover:after{width:100%}.navbar-lang{flex-shrink:0}.lang-dropdown{position:relative;display:inline-block}.lang-dropbtn{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--color-text-muted);padding:7px 14px;border-radius:30px;cursor:pointer;font-weight:600;font-size:.85em;transition:all .2s ease;font-family:inherit}.lang-dropbtn:hover{background:#ffffff1f;color:var(--color-text-light);border-color:#fff3}.lang-dropdown-content{display:none;position:absolute;right:0;top:115%;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);min-width:140px;box-shadow:0 10px 40px #0006;z-index:100;border-radius:var(--radius-md);overflow:hidden}.lang-dropdown:hover .lang-dropdown-content{display:block;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-content button{color:var(--color-text-muted);padding:11px 18px;display:block;width:100%;text-align:left;border:none;background:none;border-radius:0;margin:0;font-size:.9em;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease}.lang-dropdown-content button:hover{background:#ffffff0f;color:var(--color-accent)}.lang-dropdown-content button.active{font-weight:700;color:var(--color-accent);background:var(--color-accent-light)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:1001}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--color-text-light);border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#111827,#0a0a0a);position:relative;overflow:hidden;text-align:center;padding:120px 24px 80px}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 40%,rgba(245,158,11,.07) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(217,119,6,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(245,158,11,.04) 0%,transparent 60%);pointer-events:none;animation:glowPulse 6s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.7}50%{opacity:1}}.hero-content{position:relative;z-index:1;max-width:700px}.hero-content>*{opacity:0;animation:heroFadeIn .8s ease forwards}.hero-badge{display:inline-block;padding:6px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:30px;color:var(--color-accent);font-size:.9em;font-weight:600;margin-bottom:24px;animation-delay:.2s}.hero-title{font-size:4.5rem;font-weight:900;color:var(--color-text-light);margin:0 0 16px;letter-spacing:-.04em;line-height:1.05;animation-delay:.4s}.hero-role{font-size:1.25rem;color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:0 0 20px;animation-delay:.6s}.hero-tagline{font-size:1.15rem;color:var(--color-text-muted);line-height:1.7;max-width:550px;margin:0 auto 36px;animation-delay:.8s}.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation-delay:1s}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn-primary,.btn-secondary{padding:14px 32px;border-radius:var(--radius-md);font-size:1em;font-weight:700;cursor:pointer;transition:all .25s ease;font-family:inherit;border:2px solid transparent}.btn-primary{background:var(--color-accent);color:#0f0f0f;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}.btn-secondary{background:transparent;color:var(--color-accent);border-color:#f59e0b66}.btn-secondary:hover{background:#f59e0b1a;border-color:var(--color-accent);transform:translateY(-2px)}.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translate(-50%);cursor:pointer;opacity:0;animation:heroFadeIn .8s ease 1.6s forwards,scrollBounce 2s ease-in-out 2.4s infinite;z-index:1}.scroll-mouse{width:24px;height:38px;border:2px solid rgba(255,255,255,.25);border-radius:12px;position:relative}.scroll-wheel{width:3px;height:8px;background:var(--color-accent);border-radius:2px;position:absolute;top:7px;left:50%;transform:translate(-50%);animation:scrollWheelAnim 1.5s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@keyframes scrollWheelAnim{0%{opacity:1;top:7px}to{opacity:0;top:22px}}.about-section{padding:100px 0;background:var(--color-bg-light)}.about-section .section-title{text-align:center;color:var(--color-text-dark)}.about-content{max-width:700px;margin:0 auto;text-align:center;padding:32px 0;position:relative}.about-content:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--color-accent);border-radius:2px}.about-content p{font-size:1.15em;line-height:1.8;color:var(--color-text-secondary);margin:0}.timeline-section{padding:100px 0;background:var(--color-bg-light-alt)}.timeline-section .section-title{color:var(--color-text-dark)}.timeline-section .section-subtitle{color:var(--color-text-secondary)}.timeline{position:relative;margin-top:20px}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-accent) 0%,rgba(245,158,11,.1) 100%)}.timeline-item{position:relative;padding-left:44px;padding-bottom:48px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-bg-light-alt);z-index:1;transition:transform var(--transition),box-shadow var(--transition)}.timeline-item.visible .timeline-dot{box-shadow:0 0 0 4px var(--color-accent-light)}.timeline-content{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 28px;transition:border-color var(--transition),box-shadow var(--transition)}.timeline-content:hover{border-color:#f59e0b4d;box-shadow:0 8px 30px -10px #f59e0b1f}.timeline-period{display:inline-block;font-size:.85em;font-weight:700;color:var(--color-accent);margin-bottom:8px}.timeline-company{font-size:1.25em;font-weight:700;color:var(--color-text-dark);margin:0 0 4px}.timeline-role{font-size:.95em;color:var(--color-accent-hover);font-weight:600;margin:0 0 2px}.timeline-location{font-size:.85em;color:var(--color-text-muted);margin:0 0 12px}.timeline-description{font-size:.95em;color:var(--color-text-secondary);line-height:1.7;margin:0 0 16px}.timeline-tags{display:flex;flex-wrap:wrap;gap:8px}.timeline-tag{display:inline-block;padding:4px 12px;font-size:.8em;font-weight:600;background:var(--color-bg-light-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:20px;transition:all .2s ease}.timeline-tag:hover{background:var(--color-accent-light);color:var(--color-accent-hover);border-color:#f59e0b4d}.skills-section{padding:100px 0;background:var(--color-bg-light)}.skills-section .section-title{text-align:center;color:var(--color-text-dark)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:60px}.skill-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition);text-align:left}.skill-card:hover{transform:translateY(-4px);border-color:#f59e0b66;box-shadow:0 12px 30px -10px #f59e0b1f}.skill-icon{font-size:2.2em;display:block;margin-bottom:14px}.skill-card h3{font-size:1.1em;font-weight:700;color:var(--color-text-dark);margin:0 0 8px}.skill-card p{font-size:.93em;color:var(--color-text-secondary);line-height:1.6;margin:0}.languages-heading{text-align:center;font-size:1.3em;font-weight:700;color:var(--color-text-dark);margin:0 0 24px}.languages-bar{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.language-badge{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 22px;transition:all .2s ease}.language-badge:hover{border-color:#f59e0b66;box-shadow:0 4px 15px #f59e0b14}.language-flag{font-size:1.5em}.language-name{font-weight:700;color:var(--color-text-dark);font-size:.95em}.language-level{font-size:.85em;color:var(--color-text-muted);font-weight:500}.projects-section{padding:100px 0;background:var(--color-bg-dark-alt)}.projects-section .section-title{color:var(--color-text-light)}.projects-section .section-subtitle{color:var(--color-text-muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.project-card{background:#ffffff0a;border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);padding:32px;transition:all var(--transition);display:flex;flex-direction:column}.project-card:hover{background:#ffffff12;border-color:#f59e0b4d;transform:translateY(-4px);box-shadow:0 16px 40px -10px #f59e0b1f}.project-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.project-status{display:inline-block;padding:5px 14px;border-radius:20px;font-size:.82em;font-weight:700}.project-preview-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fbbf24;font-size:.75em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.project-preview-note{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-sm);color:#a8a29e;font-size:.82em;line-height:1.5;margin-bottom:20px}.project-preview-note svg{flex-shrink:0;margin-top:2px;color:#fbbf24}.project-status.completed{background:#22c55e1f;color:#4ade80}.project-status.development{background:var(--color-accent-light);color:var(--color-accent)}.project-card h3{font-size:1.4em;font-weight:700;color:var(--color-text-light);margin:0 0 10px}.project-card p{font-size:.95em;color:var(--color-text-muted);line-height:1.6;margin:0 0 20px;flex-grow:1}.project-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent);font-weight:700;font-size:.95em;transition:all .2s ease}.project-link:hover{color:#fbbf24;gap:10px}.contact-section{padding:100px 0;background:linear-gradient(180deg,#0c0c0c,#1a1a2e);color:var(--color-text-light)}.contact-section .section-title{color:var(--color-text-light);font-size:2.8rem}.contact-subtitle{color:var(--color-text-muted);font-size:1.1em;margin:0 0 28px;line-height:1.7;max-width:500px}.instagram-link{display:inline-flex;align-items:center;gap:10px;color:#e1306c;font-weight:700;font-size:1.05em;margin-bottom:36px;transition:all .2s ease;text-decoration:none}.instagram-link:hover{color:#f06292;transform:translate(4px)}.contact-form{max-width:600px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#e7e5e4;font-size:.9em}.form-group input,.form-group textarea{width:100%;padding:14px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-text-light);font-family:inherit;font-size:.95em;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #f59e0b33;background:#ffffff17}.turnstile-wrapper{margin:20px 0;display:flex;justify-content:flex-start}.btn-submit{padding:14px 36px;border-radius:var(--radius-md);border:none;font-size:1em;font-weight:700;background:var(--color-accent);color:#0f0f0f;cursor:pointer;transition:all .25s ease;font-family:inherit}.btn-submit:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}.site-footer{background:#050505;border-top:1px solid rgba(255,255,255,.05);padding:24px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.site-footer p{margin:0;color:#78716c;font-size:.85em}.footer-retro-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#d6d3d1;font-size:.82em;font-weight:600;text-decoration:none;transition:all var(--transition)}.footer-retro-btn:hover{background:#f59e0b1f;border-color:#f59e0b66;color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b26}.retro-icon{font-size:1.1em;filter:grayscale(.2);transition:transform .2s ease}.footer-retro-btn:hover .retro-icon{transform:rotate(-12deg) scale(1.15)}@media (max-width: 768px){.navbar-links{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 24px;gap:4px;border-bottom:1px solid var(--color-border-dark)}.navbar-links.open{display:flex}.navbar-links a{padding:12px 0;font-size:1em;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-links a:after{display:none}.mobile-menu-btn{display:flex}.hero{padding:100px 20px 60px}.hero-title{font-size:2.8rem}.hero-role{font-size:1rem;letter-spacing:.08em}.hero-tagline{font-size:1rem}.hero-ctas{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:280px;text-align:center}.section-title{font-size:2rem}.about-section,.timeline-section,.skills-section,.projects-section,.contact-section{padding:60px 0}.timeline-item{padding-left:36px;padding-bottom:36px}.timeline-content{padding:20px}.skills-grid{grid-template-columns:1fr}.languages-bar{flex-direction:column;align-items:center}.language-badge{width:100%;max-width:300px;justify-content:center}.projects-grid,.form-row{grid-template-columns:1fr}.contact-section .section-title{font-size:2.2rem}.footer-content{flex-direction:column;text-align:center;gap:12px}}@media (max-width: 480px){.hero-title{font-size:2.2rem}.section-title{font-size:1.7rem}.container{padding:0 16px}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#fafaf9;color:#1c1917}a{font-weight:600;color:#f59e0b;text-decoration:none;transition:color .2s ease}a:hover{color:#d97706}img{max-width:100%;height:auto}