@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--text-primary:#111827;--text-secondary:#676c72;--text-tertiary:#9ca3af;--accent:#f40;--accent-hover:#e04a11;--accent-light:#ffede6;--border-color:#e5e7eb;--border-subtle:#f3f4f6;--divider-color:#00000005;--icon-filter:none;--theme-transition:background-color .5s cubic-bezier(.4, 0, .2, 1), color .5s cubic-bezier(.4, 0, .2, 1), border-color .5s cubic-bezier(.4, 0, .2, 1), box-shadow .5s cubic-bezier(.4, 0, .2, 1), filter .5s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#191919;--bg-secondary:#222;--bg-tertiary:#2e2e2e;--text-primary:#fff;--text-secondary:#848383;--text-tertiary:#71717a;--accent:#f40;--accent-hover:#e04a11;--accent-light:#ff5a1f26;--border-color:#333;--border-subtle:#2a2a2a;--divider-color:#ffffff14;--icon-filter:brightness(0) invert(1)}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--theme-transition);margin:0;padding:0;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,2.2rem)}h2{letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);margin-top:0;margin-bottom:1rem;font-size:1rem}a{color:var(--text-primary);text-decoration:none;transition:color .2s}a:hover,.text-accent{color:var(--accent)}.text-white{color:#fff}.font-bold{font-weight:600}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--theme-transition), transform .2s ease;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background-color:var(--border-color)}.header{border-bottom:1px solid var(--divider-color);z-index:100;background-color:var(--bg-primary);width:100%;transition:var(--theme-transition);justify-content:space-between;align-items:center;padding:1.5rem max(2rem,50% - 756px);display:flex;position:sticky;top:0}.header-logo-text{flex-direction:column;display:flex}.logo-name{margin:0;font-size:1rem;font-weight:600;line-height:1.2}.logo-title{color:var(--text-secondary);margin:0;font-size:.85rem;font-weight:400}.header-nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:var(--theme-transition);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--text-primary)}.theme-toggle-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;width:56px;height:30px;transition:var(--theme-transition);border-radius:99px;align-items:center;padding:3px;display:flex}.theme-toggle-btn:hover{border-color:var(--accent)}.toggle-thumb{background-color:var(--bg-primary);border:1px solid var(--border-color);width:22px;height:22px;transition:transform .3s cubic-bezier(.4, 0, .2, 1), var(--theme-transition);color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #0000001a}.toggle-thumb.dark{background-color:var(--bg-secondary);transform:translate(26px)}.hero-section{text-align:start;border-bottom:1px solid var(--divider-color);width:100%;transition:var(--theme-transition);justify-content:start;padding:6rem max(2rem,50% - 245px);display:flex}.hero-content{flex-direction:column;align-items:start;display:flex}.hero-avatar{margin-bottom:1rem}.avatar-shape{background-color:var(--bg-tertiary);border-radius:24px 24px 24px 4px;justify-content:center;align-items:center;width:64px;height:64px;padding:3px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001a}.avatar-shape:before{content:"";background:conic-gradient(from 0deg, transparent 60%, var(--accent) 80%, orange 90%, transparent 100%);opacity:0;z-index:0;width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.hero-avatar:hover .avatar-shape:before{opacity:1;animation:2s linear infinite spinSparkle}.hero-avatar:hover .avatar-shape{transform:translateY(-2px)}.hero-avatar:active .avatar-shape{transform:scale(.92)}@keyframes spinSparkle{to{transform:rotate(360deg)}}.avatar-shape img{object-fit:cover;z-index:1;border-radius:21px 21px 21px 2px;width:100%;height:100%;position:relative}.pop-particle{color:var(--accent);pointer-events:none;z-index:10;opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards explodePop;position:absolute;top:50%;left:50%}@keyframes explodePop{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)rotate(0)}20%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.5) rotate(var(--rot));opacity:0}}.hero-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:600;line-height:1.25}.text-muted{color:var(--text-secondary)}.hero-pills{gap:.5rem;margin-top:1rem;display:flex}.pill{color:var(--text-tertiary);transition:var(--theme-transition);align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.pill-icon{color:var(--text-tertiary)}.hero-actions{gap:1rem;margin-top:1rem;display:flex}.video-icon{color:#4285f4}.projects-section{border-bottom:1px solid var(--divider-color);width:100%;transition:var(--theme-transition);padding:4rem max(2rem,50% - 600px)}.projects-header{text-align:center;margin-bottom:2rem}.section-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,1.25rem);font-weight:600}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.projects-tabs-container{justify-content:center;margin-bottom:2rem;display:flex}.projects-tabs{background-color:var(--bg-secondary);border-radius:99px;gap:4px;padding:4px;display:inline-flex;position:relative}.projects-tabs-indicator{background-color:var(--bg-primary);pointer-events:none;border-radius:99px;height:calc(100% - 8px);transition:left .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;left:0;box-shadow:0 2px 8px #00000014}[data-theme=dark] .projects-tabs-indicator{box-shadow:0 2px 8px #0003}.projects-bottom-tabs{z-index:100;pointer-events:none;justify-content:center;align-items:center;width:100%;height:96px;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;bottom:0;left:0}.projects-bottom-tabs-backdrop{-webkit-backdrop-filter:blur(24px);background:linear-gradient(to top, var(--bg-primary) 30%, transparent 100%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 50%);mask-image:linear-gradient(#0000 0%,#000 50%)}.projects-bottom-tabs-inner{pointer-events:auto;position:relative}.projects-bottom-tabs-inner .projects-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f3f4f6d9;box-shadow:0 4px 24px #0000001f}[data-theme=dark] .projects-bottom-tabs-inner .projects-tabs{background-color:#222222d9;box-shadow:0 4px 24px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-tab{z-index:1;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:8px 24px;font-size:.95rem;font-weight:500;transition:color .3s cubic-bezier(.4,0,.2,1);position:relative}.project-tab:hover,.project-tab.active{color:var(--text-primary)}.projects-grid{flex-direction:column;align-items:center;gap:2rem;display:flex}.project-card{transition:var(--theme-transition), transform .4s cubic-bezier(.175, .885, .32, 1.275);flex-direction:column;width:100%;max-width:1000px;height:auto;display:flex;overflow:hidden}.project-image-wrapper{flex:1;width:100%;max-height:700px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-card:hover .project-image{transform:scale(1.15)}.project-content{flex-direction:column;padding:1rem 0;display:flex}.project-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.project-description{color:var(--text-secondary);flex-grow:1;margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.project-tags{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.project-tag{color:var(--text-secondary);letter-spacing:.02em;font-size:.8rem;font-weight:500}.tag-dot{background-color:var(--text-tertiary);opacity:.5;border-radius:50%;width:4px;height:4px}.project-link-btn{color:var(--bg-primary);background-color:var(--text-primary);cursor:pointer;border:none;border-radius:99px;align-self:flex-start;align-items:center;gap:6px;margin-top:1rem;padding:8px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.project-link-btn:hover{background-color:var(--text-secondary);color:var(--bg-primary);transform:translateY(-2px)}.footer-section{background-color:var(--bg-primary);width:100%;transition:var(--theme-transition);padding-top:10rem}.footer-cta-container{text-align:center;flex-direction:column;align-items:center;margin-bottom:10rem;padding:0 max(2rem,50% - 500px);display:flex}.cta-subtitle{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.1rem;font-weight:400}.cta-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;line-height:1.25}.btn-dark-cta{background-color:var(--text-primary);color:var(--bg-primary);border:1px solid var(--border-color);border-radius:99px;align-items:center;gap:8px;margin-top:2rem;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn-dark-cta:hover{background-color:var(--text-secondary);color:var(--bg-primary);transform:translateY(-2px)}.footer-bottom-container{border-top:1px solid var(--divider-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;padding:2.5rem max(2rem,50% - 756px);display:flex}.footer-col{flex-direction:column;gap:.5rem;display:flex}.footer-label{color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.footer-email-link{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:400;display:flex}.footer-email-link:hover{color:var(--text-primary)}.footer-email-link img{filter:var(--icon-filter)}.social-links{gap:1.5rem;display:flex}.social-link{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.social-link:hover{color:var(--text-primary)}.copyright-text{color:var(--text-tertiary);transition:var(--theme-transition);font-size:.9rem}.btn:active,.btn-primary:active,.btn-secondary:active{transition:transform .1s cubic-bezier(.34,1.56,.64,1);transform:scale(.95)!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0006;justify-content:center;align-items:center;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-primary);border:1px solid var(--divider-color);width:100%;max-width:440px;transition:var(--theme-transition);border-radius:32px;flex-direction:column;padding:4rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;box-shadow:0 24px 64px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-buttons-container{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.modal-btn{cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:280px;min-height:56px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex}.modal-btn-light{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d}.modal-btn-light:hover{background-color:var(--border-color);color:var(--text-primary);transform:translateY(-1px)scale(1.02);box-shadow:0 6px 16px #0000001a}.modal-btn-light:active{transform:scale(.96)!important}.modal-btn-dark{background-color:var(--text-primary);color:var(--bg-primary);border:1px solid var(--divider-color)}.modal-btn-dark:hover{background-color:var(--text-secondary);color:var(--bg-primary);transform:translateY(-1px)scale(1.02)}.modal-btn-dark:active{transform:scale(.96)!important}.meet-icon-wrapper{color:#4285f4}.email-icon-dark{filter:var(--icon-filter)}.whatsapp-icon{color:#25d366}.email-hover-container{cursor:pointer;display:inline-flex;position:relative}.email-tooltip{background-color:var(--bg-tertiary);border:1px solid var(--border-color);opacity:0;visibility:hidden;z-index:100;border-radius:12px;flex-direction:column;gap:2px;min-width:170px;padding:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(10px)scale(.96);box-shadow:0 10px 24px #0003}.email-hover-container:hover .email-tooltip{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.email-tooltip.tooltip-success{min-width:200px}.tooltip-action{text-align:left;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem;text-decoration:none;transition:all .15s}.tooltip-action:hover{background-color:var(--border-color);color:var(--text-primary)}.copied-feedback{color:#fff;text-align:center;padding:10px 8px;font-size:.85rem;animation:.3s cubic-bezier(.34,1.56,.64,1) popBounce}@keyframes popBounce{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.header{padding:1rem}.hero-section{padding:4rem 1rem}.theme-toggle-btn{z-index:1000;position:fixed;bottom:24px;right:16px;box-shadow:0 4px 12px #0003}.footer-bottom-container{flex-direction:column;align-items:flex-start;gap:2rem}.footer-section{margin:0;padding:2.5rem 0}.footer-cta-container{margin-top:5rem;margin-bottom:7.5rem;padding:0 2rem}.footer-bottom-container{padding:2.5rem 1rem}.projects-section{padding:4rem 1rem}.projects-grid{grid-template-columns:1fr}}.page-loader{z-index:9999;pointer-events:all;background:0 0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loader-panel{background-color:var(--bg-primary);z-index:1;width:100%;height:50%;transition:transform .72s cubic-bezier(.76,0,.24,1);position:absolute;left:0}.loader-panel--top{top:0;transform:translateY(0%)}.loader-panel--bottom{bottom:0;transform:translateY(0%)}.page-loader--exit .loader-panel--top{transform:translateY(-101%)}.page-loader--exit .loader-panel--bottom{transform:translateY(101%)}.loader-center{z-index:2;flex-direction:column;align-items:center;gap:.6rem;transition:opacity .3s;display:flex;position:relative}.loader-center--fade{opacity:0}.loader-dot{background-color:var(--accent);border-radius:50%;width:8px;height:8px;margin-bottom:.4rem;animation:1.4s ease-in-out infinite loaderDotPulse}@keyframes loaderDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.6)}}.loader-title{letter-spacing:-.03em;color:var(--text-primary);gap:0;margin:0;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:700;display:flex;overflow:hidden}.loader-letter{opacity:0;animation:.55s cubic-bezier(.16,1,.3,1) forwards loaderLetterIn;animation-delay:calc(var(--i) * 42ms + 80ms);display:inline-block;transform:translateY(40px)rotate(6deg)}@keyframes loaderLetterIn{to{opacity:1;transform:translateY(0)rotate(0)}}.loader-role{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);opacity:0;margin:0;font-size:.85rem;font-weight:500;animation:.5s cubic-bezier(.16,1,.3,1) .82s forwards loaderFadeUp}.loader-bar-track{background-color:var(--bg-tertiary);opacity:0;border-radius:99px;width:160px;height:2px;margin-top:1.4rem;animation:.4s .5s forwards loaderFadeUp;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg, var(--accent), #ff8c42);border-radius:99px;height:100%;transition:width 40ms linear;box-shadow:0 0 8px #ff440080}@keyframes loaderFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-shell{visibility:hidden;flex-direction:column;min-height:100vh;display:flex}.app-shell.app-ready{visibility:visible}.app-ready header{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards entranceSlideDown}.app-ready .hero-section{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .1s forwards entranceSlideUp}.app-ready .projects-section{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .2s forwards entranceSlideUpMargin}.app-ready .footer-section{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .28s forwards entranceSlideUp}@keyframes entranceSlideDown{0%{opacity:0}to{opacity:1}}@keyframes entranceSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes entranceSlideUpMargin{0%{opacity:0;margin-top:28px}to{opacity:1;margin-top:0}}@keyframes breathing{0%{transform:scale(1);box-shadow:0 0 #eede9066}50%{transform:scale(1.05);box-shadow:0 0 15px 5px #eed39033}to{transform:scale(1);box-shadow:0 0 #eeac9000}}.breathing-btn{animation:2.5s ease-in-out infinite breathing}