:root{--bg-primary:#0d0d16;--bg-secondary:#12121e;--bg-card:#1a1a2c;--border-color:#2a2a42;--accent:#8b35d4;--accent-hover:#a040f0;--accent-subtle:#8b35d424;--text-primary:#e8e8f5;--text-secondary:#9090b8;--text-muted:#5a5a8a;--nav-bg:#0d0d16e6;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}[data-theme=light]{--bg-primary:#f4f4fb;--bg-secondary:#fff;--bg-card:#ebebf7;--border-color:#d0d0e8;--accent:#7b2fbe;--accent-hover:#6520a8;--accent-subtle:#7b2fbe17;--text-primary:#0d0d1e;--text-secondary:#3a3a5a;--text-muted:#7070a0;--nav-bg:#f4f4fbe6;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #0000001f;--shadow-lg:0 8px 40px #00000029}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}#root{min-height:100vh}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}.app{background:var(--bg-primary);min-height:100vh;transition:background-color .3s}.main-content{padding-top:64px}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);height:64px;transition:background-color .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.navbar-inner{align-items:center;gap:32px;max-width:1024px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{flex-shrink:0}.navbar-logo img{width:auto;height:40px}.navbar-links{flex:1;gap:4px;display:flex}.navbar-links li button{color:var(--text-secondary);border-radius:6px;padding:6px 14px;font-size:14px;font-weight:500;transition:color .2s,background-color .2s}.navbar-links li button:hover{color:var(--text-primary);background:var(--accent-subtle)}.navbar-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.theme-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.theme-btn:hover{color:var(--accent);background:var(--accent-subtle)}.lang-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:2px;padding:4px 6px;transition:background-color .3s,border-color .3s;display:flex}.lang-option{color:var(--text-muted);letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;transition:color .2s,background-color .2s}.lang-option.active{color:var(--accent);background:var(--accent-subtle)}.lang-option:hover:not(.active){color:var(--text-secondary)}.lang-sep{color:var(--border-color);-webkit-user-select:none;user-select:none;font-size:12px}.section{background:var(--bg-primary);padding:80px 24px;transition:background-color .3s}.section-alt{background:var(--bg-secondary)}.section-inner{max-width:960px;margin:0 auto}.section-title{max-width:960px;color:var(--text-primary);margin:0 auto 48px;padding-bottom:14px;font-size:32px;font-weight:700;transition:color .3s;position:relative}.section-title:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:0}.about-inner{align-items:flex-start;gap:48px;max-width:960px;margin:0 auto;display:flex}.about-photo-wrap{flex-shrink:0}.about-photo{object-fit:cover;border:3px solid var(--accent);width:180px;height:180px;box-shadow:var(--shadow-md);background:var(--bg-card);border-radius:50%}.about-text{flex:1}.about-name{color:var(--text-primary);margin-bottom:16px;font-size:28px;font-weight:700;transition:color .3s}.about-bio{color:var(--text-secondary);font-size:16px;line-height:1.75;transition:color .3s}.jobs-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.job-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s}.job-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-card-top{align-items:center;gap:14px;margin-bottom:16px;display:flex}.job-logo{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.job-logo img{object-fit:contain;width:100%;height:100%}.job-meta{flex-direction:column;gap:4px;display:flex}.job-company{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.2;transition:color .3s}.job-period{color:var(--accent);font-size:13px;font-weight:500}.job-description{color:var(--text-secondary);font-size:14px;line-height:1.7;transition:color .3s}.schools-list{flex-direction:column;gap:16px;max-width:960px;margin:0 auto;display:flex}.school-item{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:20px;padding:20px 24px;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s;display:flex}.school-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.school-image{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.school-image img{object-fit:contain;width:100%;height:100%}.school-info{flex-direction:column;gap:6px;display:flex}.school-name{color:var(--text-primary);font-size:18px;font-weight:700;transition:color .3s}.school-period{color:var(--accent);font-size:14px;font-weight:500}.carousel-wrapper{align-items:center;gap:12px;max-width:960px;margin:0 auto;display:flex}.carousel-arrow{background:var(--bg-card);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:flex}.carousel-arrow:hover{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.carousel-viewport{flex:1;padding:6px 0;overflow:hidden}.carousel-track{will-change:transform;gap:16px;display:flex}.carousel-set{flex-shrink:0;gap:16px;display:flex}.category-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;cursor:pointer;min-width:140px;box-shadow:var(--shadow-sm);border-radius:14px;flex-shrink:0;padding:28px 20px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}.category-card:hover{border-color:var(--accent);background:var(--accent-subtle);box-shadow:var(--shadow-md);transform:translateY(-3px)}.category-card-label{color:var(--text-primary);letter-spacing:.3px;font-size:15px;font-weight:700;transition:color .2s}.category-card:hover .category-card-label{color:var(--accent)}.category-card--icon{padding:10px}.category-card-icon{object-fit:contain;border-radius:10px;width:100%;height:80px;transition:transform .2s;display:block}.category-card:hover .category-card-icon{transform:scale(1.06)}.modal-overlay{z-index:200;opacity:0;-webkit-backdrop-filter:blur();background:#000000b3;justify-content:center;align-items:center;padding:24px;transition:opacity .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;inset:0}.modal-overlay.visible{opacity:1;-webkit-backdrop-filter:blur(8px)}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:900px;max-height:80vh;box-shadow:var(--shadow-lg);opacity:0;will-change:transform, opacity;border-radius:16px;flex-direction:column;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.3,.64,1);display:flex;overflow:hidden;transform:scale(.93)translateY(24px)}.modal-container.visible{opacity:1;transform:scale(1)translateY(0)}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:20px;font-weight:700}.modal-close{width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:color .2s,background-color .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--accent-subtle)}.cert-grid{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px;display:grid;overflow-y:auto}.cert-grid::-webkit-scrollbar{width:6px}.cert-grid::-webkit-scrollbar-track{background:0 0}.cert-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.cert-card{cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:10px;padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.cert-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cert-thumb{aspect-ratio:.77;background:var(--bg-secondary);width:100%;color:var(--text-muted);pointer-events:none;border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.cert-thumb canvas{width:100%;height:auto;display:block}.thumb-spinner{border:2px solid #8b35d433;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.cert-name{color:var(--text-secondary);text-align:center;font-size:12px;font-weight:600;line-height:1.4;transition:color .2s}.cert-card:hover .cert-name{color:var(--accent)}.pdf-overlay-backdrop{z-index:300;-webkit-backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.pdf-overlay{z-index:301;background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:1100px;height:85vh;box-shadow:var(--shadow-lg);opacity:0;will-change:transform, opacity;border-radius:16px;flex-direction:column;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.3,.64,1);display:flex;position:relative;overflow:hidden;transform:scale(.95)translateY(24px)}.pdf-overlay.visible{opacity:1;transform:scale(1)translateY(0)}.pdf-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.pdf-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.pdf-close-btn{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;padding:7px 18px;font-size:13px;font-weight:600;transition:background-color .2s,transform .1s}.pdf-close-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.pdf-frame{border:none;flex:1;width:100%}.pdf-spinner-overlay{z-index:350;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pdf-spinner{border:3px solid #8b35d433;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.job-description-preview{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;font-size:14px;line-height:1.7;transition:color .3s;display:-webkit-box;overflow:hidden}.job-more-btn{background:var(--accent-subtle);color:var(--accent);border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;margin-top:12px;padding:7px 14px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,transform .15s;display:inline-flex}.job-more-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.job-modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:640px;max-height:80vh;box-shadow:var(--shadow-lg);opacity:0;will-change:transform, opacity;border-radius:16px;flex-direction:column;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.3,.64,1);display:flex;overflow:hidden;transform:scale(.93)translateY(24px)}.job-modal-container.visible{opacity:1;transform:scale(1)translateY(0)}.job-modal-body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;align-items:center;gap:24px;padding:24px;display:flex;overflow-y:auto}.job-modal-description{color:var(--text-secondary);text-align:justify;flex:1;font-size:15px;line-height:1.8}.job-modal-logo{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.job-modal-logo img{object-fit:contain;width:100%;height:100%}.job-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-thumb-wrap{aspect-ratio:16/9;background:var(--bg-secondary);flex-shrink:0;width:100%;overflow:hidden}.project-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.project-card:hover .project-thumb{transform:scale(1.04)}.project-card-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.project-name{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:700;transition:color .3s}.project-description-preview{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.65;transition:color .3s;display:-webkit-box;overflow:hidden}.project-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.project-actions .job-more-btn{margin-top:0}.project-link-btn{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,transform .15s;display:inline-flex}.project-link-btn:hover{transform:translateY(-1px)}.project-link-btn--demo:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.project-link-btn--repo:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-secondary)}.project-link-btn--video:hover{color:#e53e3e;background:#e53e3e14;border-color:#e53e3e}.video-modal-overlay{z-index:400;opacity:0;-webkit-backdrop-filter:blur();background:#000000e0;justify-content:center;align-items:center;padding:24px;transition:opacity .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0}.video-modal-overlay.visible{opacity:1;-webkit-backdrop-filter:blur(10px)}.video-modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);width:90%;max-width:1100px;box-shadow:var(--shadow-lg);opacity:0;will-change:transform, opacity;border-radius:16px;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.34,1.3,.64,1);overflow:hidden;transform:scale(.95)translateY(20px)}.video-modal-container.visible{opacity:1;transform:scale(1)translateY(0)}.video-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.video-iframe-wrap{width:100%;height:0;padding-bottom:56.25%;position:relative}.video-iframe-wrap iframe{border:none;width:100%;height:100%;display:block;position:absolute;inset:0}.project-modal-body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.project-modal-description{color:var(--text-secondary);text-align:justify;font-size:15px;line-height:1.8}.project-modal-tech{flex-direction:column;gap:10px;display:flex}.project-modal-tech-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:56px 24px 32px;transition:background-color .3s,border-color .3s}.footer-inner{flex-direction:column;align-items:center;gap:32px;max-width:960px;margin:0 auto;display:flex}.footer-title{color:var(--text-primary);padding-bottom:14px;font-size:28px;font-weight:700;transition:color .3s;position:relative}.footer-title:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-link{border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:14px;min-width:240px;padding:16px 24px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .3s;display:flex}.footer-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.footer-link--whatsapp:hover{background:#25d3660f;border-color:#25d366}.footer-link--whatsapp:hover .footer-icon{color:#25d366}.footer-link--email:hover{border-color:var(--accent);background:var(--accent-subtle)}.footer-link--email:hover .footer-icon{color:var(--accent)}.footer-icon{width:28px;height:28px;color:var(--text-secondary);flex-shrink:0;transition:color .2s}.footer-link-text{flex-direction:column;gap:2px;display:flex}.footer-link-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:11px;font-weight:700;transition:color .3s}.footer-link-value{color:var(--text-primary);font-size:15px;font-weight:600;transition:color .3s}.footer-copy{color:var(--text-muted);text-align:center;font-size:13px;transition:color .3s}.tech-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.tech-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;padding:28px;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s}.tech-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tech-card-title{color:var(--accent);border-bottom:1px solid var(--border-color);letter-spacing:.3px;margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:700}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{background:var(--accent-subtle);color:var(--accent);border:1px solid #0000;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,transform .15s;display:inline-block}.tech-tag:hover{border-color:var(--accent);transform:translateY(-1px)}.hamburger-btn{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;transition:background-color .2s;display:none}.hamburger-btn:hover{background:var(--accent-subtle)}.hamburger-btn span{background:var(--text-secondary);border-radius:2px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:99;padding:12px 16px 16px;position:absolute;top:64px;left:0;right:0}.mobile-menu ul{flex-direction:column;gap:2px;max-width:480px;margin:0 auto;display:flex}.mobile-menu li button{text-align:left;width:100%;color:var(--text-secondary);border-radius:8px;padding:12px 16px;font-size:15px;font-weight:500;transition:color .2s,background-color .2s}.mobile-menu li button:hover{color:var(--text-primary);background:var(--accent-subtle)}@media (width<=768px){.navbar-links{display:none}.navbar-controls{margin-left:auto}.hamburger-btn{display:flex}.section{padding:56px 20px}.section-title{margin-bottom:32px;font-size:26px}.about-inner{text-align:center;flex-direction:column;align-items:center;gap:28px}.about-name{font-size:22px}.about-bio{text-align:left;font-size:15px}.jobs-grid{grid-template-columns:repeat(2,1fr);gap:16px}.school-name{font-size:15px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px}.tech-grid{grid-template-columns:1fr;gap:16px}.job-modal-body{flex-direction:column;align-items:center}.job-modal-logo{width:100px;height:100px}.modal-overlay{padding:16px}.cert-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:16px}.pdf-overlay-backdrop{padding:16px}.footer-link{min-width:unset;width:100%}.footer-links{flex-direction:column;width:100%;max-width:360px}}@media (width<=480px){.section{padding:48px 16px}.section-title{font-size:24px}.about-photo{width:140px;height:140px}.jobs-grid,.projects-grid{grid-template-columns:1fr}.school-item{gap:14px;padding:16px}.school-name{font-size:14px}.modal-container{max-height:90vh}.job-modal-footer{flex-wrap:wrap;justify-content:center}.cert-grid{grid-template-columns:repeat(2,1fr)}.video-modal-overlay{padding:12px}.video-modal-container{border-radius:12px;width:100%}.footer{padding:40px 16px 24px}}