@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:#0b0f19;--bg-color-alt:#070a12;--surface-color:#111827;--surface-color-light:#1f2937;--accent-color:#00c5ff;--accent-color-glow:#00c5ff26;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-dim:#6b7280;--border-color:#1f2937;--gradient-primary:linear-gradient(135deg, #00c5ff 0%, #06f 100%);--nav-height:80px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:#fff;font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.title-underline{background-color:var(--accent-color);border-radius:2px;width:80px;height:4px;margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.glass{-webkit-backdrop-filter:blur(12px);background:#0b0f19d9;border-bottom:1px solid #ffffff0d}.navbar{z-index:100;width:100%;transition:var(--transition);padding:1.5rem 0;position:fixed;top:0;left:0}.navbar-scrolled{-webkit-backdrop-filter:blur(12px);background:#0b0f19d9;border-bottom:1px solid #ffffff0d;padding:1rem 0;box-shadow:0 10px 30px #0003}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{letter-spacing:-.05em;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.logo-bold{color:#fff;font-weight:800}.logo-light{color:#fff;opacity:.8;margin-left:.2rem;font-weight:400}.navbar-desktop{align-items:center;gap:2.5rem;display:none}@media (width>=768px){.navbar-desktop{display:flex}}.navbar-link{color:var(--text-secondary);font-size:.9rem;font-weight:500}.navbar-link:hover{color:#fff}.navbar-resume-btn{background-color:var(--accent-color);color:#0b0f19;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;padding:.65rem 1.4rem;font-size:.9rem;font-weight:700;display:inline-flex}.navbar-resume-btn:hover{box-shadow:0 5px 15px var(--accent-color-glow);filter:brightness(1.1);transform:translateY(-2px)}.navbar-mobile-toggle{color:#fff;display:block}@media (width>=768px){.navbar-mobile-toggle{display:none}}.navbar-mobile-menu{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#0b0f19f2;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:2rem;animation:.3s ease-out fadeIn;display:flex;position:absolute;top:100%;left:0}@media (width>=768px){.navbar-mobile-menu{display:none}}.navbar-mobile-link{color:var(--text-secondary);text-align:center;width:100%;padding:.5rem 0;font-size:1.1rem;font-weight:500}.navbar-mobile-link:hover{color:#fff}.mobile-resume-btn{width:100%;padding:.8rem}.hero-section{background-color:var(--bg-color-alt);justify-content:center;align-items:center;min-height:100vh;padding-top:100px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-bg-image{z-index:0;opacity:.25;filter:saturate(1.3)brightness(.7);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-code-bg{z-index:0;opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--accent-color);grid-template-columns:1fr;gap:2rem;padding:2rem;font-family:monospace;font-size:10px;display:grid;position:absolute;inset:0}@media (width>=768px){.hero-code-bg{opacity:.12;grid-template-columns:repeat(3,1fr);font-size:11px}}.code-column{white-space:pre;overflow:hidden}.code-hidden-mobile{display:none}@media (width>=768px){.code-hidden-mobile{display:block}}.hero-overlay{z-index:1;background:linear-gradient(to bottom, #0b0f1966 0%, #0b0f19cc 60%, var(--bg-color) 100%);position:absolute;inset:0}.hero-container{z-index:10;text-align:center;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{max-width:800px;padding:0 1rem}.hero-title{color:#fff;letter-spacing:-.03em;margin-bottom:2rem;font-size:2.75rem;font-weight:800;line-height:1.15}@media (width>=768px){.hero-title{font-size:4.5rem}}.hero-title-highlight{color:var(--accent-color)}.hero-description{color:var(--text-secondary);max-width:680px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.7}@media (width>=768px){.hero-description{font-size:1.3rem}}.hero-social-links{justify-content:center;align-items:center;gap:1.5rem;display:flex}.hero-social-icon{color:var(--text-secondary);transition:var(--transition)}.hero-social-icon:hover{color:var(--accent-color);transform:translateY(-3px)scale(1.08)}.what-i-do-section{background-color:var(--bg-color-alt);padding:100px 0}.skills-header-row{flex-direction:column;align-items:center;width:100%;margin-bottom:2rem;display:flex}@media (width>=768px){.skills-header-row{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}}.what-i-do-header{text-align:center;margin-bottom:1.5rem}@media (width>=768px){.skills-header-row .what-i-do-header{text-align:left;margin-bottom:0}.skills-header-row .title-underline{margin:0}}.what-i-do-title{color:#fff;margin-bottom:1.25rem;font-size:2.5rem;font-weight:800}@media (width>=768px){.what-i-do-title{font-size:3.25rem}}.what-i-do-highlight{color:var(--accent-color)}.scroll-controls-container{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}@media (width>=768px){.scroll-controls-container{margin-bottom:0}}.scroll-ctrl-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background-color:#11182780;border-radius:50%;justify-content:center;align-items:center;display:flex}.scroll-ctrl-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.scroll-card-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2rem;display:flex}.scroll-card-icon-dark{color:var(--accent-color);background-color:#00c5ff1a}.scroll-card-icon-light{color:#0b0f19;background-color:#00000026}.horizontal-scroll-container{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:1rem .2rem 2.5rem;display:flex;overflow-x:auto}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-card{transition:var(--transition);border-radius:16px;flex-direction:column;flex:0 0 280px;min-height:320px;padding:2rem;display:flex}@media (width>=768px){.scroll-card{flex:0 0 350px;min-height:360px;padding:2.5rem}}.scroll-card-filled{background-color:var(--accent-color);color:#0b0f19;box-shadow:0 10px 30px #00c5ff33}.scroll-card-filled h3{color:#0b0f19!important}.scroll-card-filled p{color:#0b0f19cc!important}.scroll-card-dark{border:1px solid var(--border-color);color:var(--text-primary);background-color:#11182799}.scroll-card-dark:hover{border-color:var(--accent-color);transform:translateY(-8px);box-shadow:0 15px 30px #0000004d}.scroll-card h3{margin-bottom:1rem;font-size:1.35rem;font-weight:700}@media (width>=768px){.scroll-card h3{font-size:1.5rem}}.scroll-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media (width>=768px){.scroll-card p{font-size:.95rem}}.about-section{background-color:var(--bg-color-alt);padding:100px 0}.about-grid{grid-template-columns:1fr;align-items:center;gap:4rem;margin-bottom:6rem;display:grid}@media (width>=768px){.about-grid{grid-template-columns:repeat(12,1fr)}}.about-image-column{justify-content:center;align-items:center;display:flex}@media (width>=768px){.about-image-column{grid-column:span 5}}.about-image-wrapper{border:4px solid var(--accent-color);border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;padding:4px;display:flex;position:relative;box-shadow:0 20px 40px #00c5ff26}@media (width>=768px){.about-image-wrapper{width:320px;height:320px}}.about-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.about-image-overlay{pointer-events:none;background:linear-gradient(#0000,#00c5ff33);border-radius:50%;position:absolute;inset:0}.about-content-column{flex-direction:column;justify-content:center;display:flex}@media (width>=768px){.about-content-column{grid-column:span 7}}.about-label{color:var(--text-dim);letter-spacing:.2em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.about-title{margin-bottom:2rem;font-size:2.5rem;font-weight:800}@media (width>=768px){.about-title{font-size:3.25rem}}.about-title-highlight{color:var(--accent-color)}.about-text{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem;line-height:1.7}.about-text p{margin-bottom:1.25rem}.about-cv-btn{background-color:var(--accent-color);color:#0b0f19;letter-spacing:.05em;text-transform:uppercase;transition:var(--transition);border-radius:12px;align-self:flex-start;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.85rem;font-weight:700;display:inline-flex}.about-cv-btn:hover{box-shadow:0 10px 25px var(--accent-color-glow);filter:brightness(1.1);transform:translateY(-2px)}.skills-grid{border-top:1px solid var(--border-color);grid-template-columns:1fr;align-items:center;gap:3rem;padding-top:5px;display:grid}@media (width>=768px){.skills-grid{grid-template-columns:repeat(12,1fr);padding-top:4rem}}.skills-content-column{flex-direction:column;display:flex}@media (width>=768px){.skills-content-column{grid-column:span 5}}.skills-title{margin-bottom:1.5rem;font-size:2rem;font-weight:800}@media (width>=768px){.skills-title{font-size:3rem}}.skills-title-highlight{color:var(--accent-color)}.skills-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.skills-pills-column{flex-wrap:wrap;gap:.75rem;display:flex}@media (width>=768px){.skills-pills-column{grid-column:span 7;padding-left:2rem}}.skills-pill{border:1px solid var(--accent-color);color:var(--text-primary);letter-spacing:.05em;transition:var(--transition);cursor:default;border-radius:9999px;padding:.6rem 1.2rem;font-size:.75rem;font-weight:700}@media (width>=768px){.skills-pill{padding:.65rem 1.4rem;font-size:.8rem}}.skills-pill:hover{background-color:var(--accent-color-glow);box-shadow:0 0 15px var(--accent-color-glow);color:#fff;transform:scale(1.05)}.experience-section{background-color:var(--bg-color);padding:100px 0}.experience-header{text-align:center;margin-bottom:4rem}.experience-title{margin-bottom:1.5rem;font-size:2.25rem;font-weight:800}@media (width>=768px){.experience-title{font-size:3rem}}.experience-title-highlight{color:var(--accent-color)}.experience-timeline{flex-direction:column;max-width:800px;margin:3rem auto 0;display:flex}.timeline-item{border-left:2px solid var(--border-color);transition:var(--transition);padding-bottom:3.5rem;padding-left:2rem;position:relative}.timeline-item:hover{border-left-color:var(--accent-color)}.timeline-item:last-child{padding-bottom:0}.timeline-badge{background-color:var(--bg-color);border:2px solid var(--accent-color);width:12px;height:12px;transition:var(--transition);border-radius:50%;position:absolute;top:0;left:-7px}.timeline-item:hover .timeline-badge{background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transform:scale(1.2)}.timeline-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;display:flex}@media (width>=768px){.timeline-header{flex-direction:row;align-items:center}}.role-title{color:#fff;font-size:1.25rem;font-weight:700}@media (width>=768px){.role-title{font-size:1.45rem}}.company-name{color:var(--accent-color);font-size:.95rem;font-weight:600}.timeline-period{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.calendar-icon{color:var(--accent-color)}.timeline-list{flex-direction:column;gap:.75rem;display:flex}.timeline-point{color:var(--text-secondary);gap:.75rem;font-size:.9rem;line-height:1.6;display:flex}.timeline-point-dot{background-color:var(--accent-color-glow);border:1px solid var(--accent-color);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.6rem}.timeline-services{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.timeline-services-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em;font-size:.72rem;font-weight:700}.timeline-services-chips{flex-wrap:wrap;gap:.5rem;display:flex}.timeline-service-chip{color:var(--accent-color);transition:var(--transition);background-color:#00c5ff14;border:1px solid #00c5ff4d;border-radius:9999px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.72rem;font-weight:600;display:inline-flex}.timeline-service-chip:hover{background-color:#00c5ff2e}.chip-icon{color:var(--accent-color);flex-shrink:0}.timeline-badges-row{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}@media (width>=768px){.timeline-badges-row{align-items:flex-end}}.timeline-type{letter-spacing:.05em;border:1px solid;border-radius:9999px;align-items:center;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.projects-section{background-color:var(--bg-color);padding:100px 0}.browser-url-bar{background-color:#ffffff0d;border-radius:6px;align-items:center;height:22px;padding:0 .5rem;display:flex;position:absolute;top:10px;left:80px;right:16px;overflow:hidden}.browser-url-text{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.65rem;overflow:hidden}.projects-header{text-align:center;margin-bottom:4rem}.projects-title{margin-bottom:1rem;font-size:2.25rem;font-weight:800}@media (width>=768px){.projects-title{font-size:3rem}}.projects-title-highlight{color:var(--accent-color)}.projects-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.projects-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:var(--surface-color);border:1px solid var(--border-color);transition:var(--transition);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent-color);transform:translateY(-8px);box-shadow:0 15px 30px #0000004d}.project-browser-frame{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#1f293766 0%,#11182799 100%);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.browser-dots{gap:6px;display:flex;position:absolute;top:12px;left:16px}.browser-dot{border-radius:50%;width:8px;height:8px}.browser-dot-red{background-color:#ef4444}.browser-dot-yellow{background-color:#f59e0b}.browser-dot-green{background-color:#10b981}.project-preview{opacity:.6;transition:var(--transition);flex-direction:column;align-items:center;gap:.5rem;display:flex}.project-card:hover .project-preview{opacity:1;transform:scale(1.05)}.project-preview-icon{width:54px;height:54px;color:var(--accent-color);background-color:#00c5ff1a;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 5px 15px #0003}.project-preview-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-family:monospace;font-size:.75rem}.project-body{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.project-category{text-transform:uppercase;color:var(--accent-color);letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.project-title-text{margin-bottom:1rem;font-size:1.35rem;font-weight:700}.project-description{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;font-size:.85rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-tag{text-transform:uppercase;letter-spacing:.02em;background-color:var(--surface-color-light);color:var(--text-secondary);border-radius:9999px;padding:.4rem .8rem;font-size:.65rem;font-weight:700}.project-btn{background-color:var(--accent-color);color:#0b0f19;text-transform:uppercase;letter-spacing:.08em;text-align:center;width:100%;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:1.15rem 0;font-size:.8rem;font-weight:800;display:inline-flex}.project-btn:hover{background-color:#00b2e6;font-size:.825rem}.contact-section{background-color:var(--bg-color);padding:100px 0}.contact-grid{grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info-column{flex-direction:column;justify-content:center;display:flex}.contact-title{margin-bottom:1.5rem;font-size:2.25rem;font-weight:800}@media (width>=768px){.contact-title{font-size:3rem}}.contact-description{color:var(--text-secondary);max-width:480px;margin-bottom:3rem;font-size:1rem;line-height:1.6}.contact-methods{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}.contact-method-card{align-items:center;gap:1.5rem;display:flex}.contact-method-icon{background-color:var(--surface-color);border:1px solid var(--border-color);width:56px;height:56px;color:var(--accent-color);transition:var(--transition);border-radius:16px;justify-content:center;align-items:center;display:flex}.contact-method-card:hover .contact-method-icon{background-color:var(--accent-color);color:#0b0f19;box-shadow:0 5px 15px var(--accent-color-glow);transform:scale(1.08)}.contact-method-details{flex-direction:column;display:flex}.contact-method-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.contact-method-value{color:#fff;transition:var(--transition);font-size:1.05rem;font-weight:600}.contact-method-value:hover{color:var(--accent-color)}.contact-socials{gap:1rem;display:flex}.contact-social-btn{background-color:var(--surface-color);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;display:flex}.contact-social-btn:hover{border-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.whatsapp-icon{color:#25d366!important}.contact-form-column{justify-content:center;align-items:center;display:flex}.contact-form-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;width:100%;padding:2rem}@media (width>=768px){.contact-form-card{padding:3rem}}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-dim);font-size:.8rem;font-weight:600}.form-input,.form-textarea{background-color:var(--surface-color-light);border:1px solid var(--border-color);color:#fff;width:100%;transition:var(--transition);border-radius:12px;padding:.85rem 1.2rem;font-family:inherit;font-size:.95rem}.form-textarea{resize:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 10px #00c5ff1a}.form-btn{background-color:var(--accent-color);color:#0b0f19;text-transform:uppercase;letter-spacing:.05em;width:100%;transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1.15rem;font-size:.9rem;font-weight:700;display:inline-flex}.form-btn:hover{box-shadow:0 10px 20px var(--accent-color-glow);filter:brightness(1.1);transform:translateY(-2px)}.site-footer{color:#111827;background-color:#fff}.footer-divider{background:linear-gradient(90deg, var(--accent-color), #06f, transparent);width:100%;height:2px}.footer-container{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (width>=768px){.footer-container{text-align:left;flex-direction:row;justify-content:space-between}}.footer-left{flex-direction:column;align-items:center;gap:.25rem;display:flex}@media (width>=768px){.footer-left{align-items:flex-start}}.footer-logo{color:#111827;letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.footer-logo-bold{color:#0b0f19;font-weight:800}.footer-logo-light{color:#374151;margin-left:.2rem;font-weight:400}.footer-tagline{color:#6b7280;font-size:.78rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-link{color:#374151;transition:var(--transition);font-size:.85rem;font-weight:500}.footer-link:hover{color:#00c5ff}.footer-copyright{color:#6b7280;font-size:.78rem}.scroll-top-btn{background-color:var(--accent-color);color:#0b0f19;cursor:pointer;width:46px;height:46px;transition:var(--transition);z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;animation:.3s fadeInUp;display:flex;position:fixed;bottom:2.5rem;right:2rem;box-shadow:0 4px 20px #00c5ff66}.scroll-top-btn:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00c5ff80}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}