*{box-sizing:border-box;margin:0;padding:0}html{width:100%;max-width:100%;overflow-x:clip}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#02050b;--bg-soft:#09131e;--panel:#0a1019b8;--panel-strong:#060a10f0;--border:#ffffff1a;--border-soft:#ffffff0d;--text:#f7fbff;--muted:#97a6ba;--primary:#37d5ad;--primary-dark:#21b892;--secondary:#111b29;--accent:#6cc3ff;--surface:#ffffff09;--shadow:0 26px 76px #0000006b;--shadow-soft:0 16px 36px #0000003d;--radius:22px;--radius-lg:30px;--radius-pill:999px;--container:1240px;--motion-fast:.22s;--motion-medium:.32s;--motion-slow:.42s;--motion-delay:0s;--page-transition:.46s;--ease-standard:cubic-bezier(.22, .08, .33, 1);--ease-lift:cubic-bezier(.25, .46, .45, .94);--ease-page:cubic-bezier(.22, .61, .36, 1)}body{background:radial-gradient(circle at 12% 10%, #6cc3ff1f, transparent 24%), radial-gradient(circle at 88% 14%, #37d5ad1a, transparent 22%), radial-gradient(circle at 50% 100%, #ffffff08, transparent 28%), linear-gradient(180deg, #070e18eb, #02050b), var(--bg);color:var(--text);width:100%;max-width:100%;min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#ffffff06,#0000 18% 82%,#00000024),radial-gradient(circle at 50% -10%,#ffffff14,#0000 32%);position:fixed;inset:0}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#ffffff08}body::-webkit-scrollbar-thumb{background:#ffffff1f;border:2px solid #02050bf2;border-radius:999px}body.menu-open{overflow:hidden}img{max-width:100%;display:block}.ui-icons{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.background-grid{pointer-events:none;z-index:-3;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0}.background-orb{display:none}.orb-1{background:#20c997;top:-60px;left:-80px}.orb-2{background:#4dabf7;bottom:-80px;right:-80px}.app-shell{width:min(100%, var(--container));max-width:100%;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(14px,3vw,28px) 40px;overflow-x:clip}.glass{background:linear-gradient(180deg, #ffffff17, #ffffff08 22%, #ffffff03 56%, #ffffff06), var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(26px)saturate(150%);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14, inset 0 -1px 0 #ffffff08;position:relative;overflow:hidden}.glass>*{z-index:1;position:relative}.glass:before{content:"";pointer-events:none;opacity:.8;background:linear-gradient(#ffffff12,#0000 30%);position:absolute;inset:0}.glass:after{content:"";pointer-events:none;opacity:.32;background:radial-gradient(circle,#ffffff1a,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;top:-24%;right:-14%}.topbar{z-index:50;border-radius:var(--radius-lg);background:#070c13d1;justify-content:space-between;align-items:center;gap:20px;min-width:0;min-height:72px;margin-bottom:32px;padding:14px 18px;display:flex;position:sticky;top:16px;overflow:hidden}.topbar:after{opacity:.18;width:220px;height:220px;top:-140px;right:-70px}.topbar:before{border-radius:inherit}.brand{min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:12px;display:flex}.brand-photo{object-fit:cover;border:1px solid #ffffff2e;border-radius:50%;width:48px;height:48px;box-shadow:0 10px 24px #0000003d,inset 0 1px #ffffff24}.brand-text{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.02rem;font-weight:700;overflow:hidden}.nav{align-items:center;gap:18px;min-width:0;margin-left:auto;display:flex}.nav-links{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:10px;padding:0;display:flex}.nav-tools{align-items:center;min-width:0;display:flex}.nav-link{color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;min-height:42px;transition:color var(--motion-medium) var(--ease-standard), border-color var(--motion-medium) var(--ease-standard), background-color var(--motion-medium) var(--ease-standard), transform var(--motion-medium) var(--ease-standard);background:0 0;border:1px solid #0000;padding:0 16px;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));opacity:0;transform-origin:50%;height:2px;transition:opacity var(--motion-medium) var(--ease-standard), transform var(--motion-medium) var(--ease-standard);border-radius:999px;position:absolute;bottom:6px;left:14px;right:14px;transform:scaleX(.35)}.nav-link:hover,.nav-link.active{color:var(--text);background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.nav-link:hover:after,.nav-link.active:after{opacity:1;transform:scaleX(1)}.nav-translate{min-width:88px;height:44px;color:var(--text);cursor:pointer;transition:transform var(--motion-medium) var(--ease-standard), border-color var(--motion-medium) var(--ease-standard), background-color var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard);background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 6px 18px #00000024}.nav-translate-copy{display:none}.nav-translate-switch{justify-content:center;align-items:center;width:88px;height:44px;padding:0 6px;display:inline-flex;position:relative;overflow:hidden}.nav-translate-label{z-index:1;text-align:center;letter-spacing:.08em;color:#f7fbffb8;width:30px;transition:color var(--motion-medium) var(--ease-standard), opacity var(--motion-medium) var(--ease-standard);font-size:.74rem;font-weight:700;position:absolute}.nav-translate-label--left{left:10px}.nav-translate-label--right{right:10px}.nav-translate-icon{width:36px;height:34px;transition:transform var(--motion-medium) var(--ease-standard), background-color var(--motion-medium) var(--ease-standard), border-color var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard);z-index:2;background-color:#ffffff47;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h10'/%3E%3Cpath d='M9 5c0 4-2 7.5-5 10'/%3E%3Cpath d='M6 11c1.2 1.8 2.7 3.2 4.5 4.4'/%3E%3Cpath d='M14 14h6'/%3E%3Cpath d='M17 11v6'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px;border:1px solid #ffffff85;border-radius:999px;position:absolute;top:50%;left:6px;transform:translateY(-50%)translate(0);box-shadow:inset 0 1px #ffffff38,0 8px 16px #02060c52}.nav-translate[data-language=pt] .nav-translate-icon{transform:translateY(-50%)translate(0)}.nav-translate[data-language=en] .nav-translate-icon{transform:translateY(-50%)translate(40px)}.nav-translate[data-language=pt] .nav-translate-label--left{opacity:0}.nav-translate[data-language=pt] .nav-translate-label--right{opacity:1}.nav-translate[data-language=en] .nav-translate-label--right{opacity:0}.nav-translate[data-language=en] .nav-translate-label--left{opacity:1}.nav-translate:hover{background:#ffffff2e;border-color:#ffffffb3;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0000002e}.nav-translate:hover .nav-translate-icon{background-color:#ffffff57;border-color:#ffffff9e}.nav-translate:focus-visible{box-shadow:0 0 0 3px #6cc3ff38,inset 0 1px #ffffff1a,0 8px 24px #0000002e}.menu-toggle{border-radius:var(--radius-pill);cursor:pointer;appearance:none;width:48px;height:48px;transition:transform var(--motion-medium) var(--ease-standard), border-color var(--motion-medium) var(--ease-standard), background-color var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard);background:#ffffff09;border:1px solid #ffffff14;outline:none;flex:none;justify-content:center;align-items:center;padding:0;display:none;position:relative;box-shadow:inset 0 1px #ffffff14}.menu-toggle span{background:var(--text);width:22px;height:2.5px;transition:transform var(--motion-medium) var(--ease-standard), opacity var(--motion-medium) var(--ease-standard);transform-origin:50%;border-radius:999px;display:block;position:absolute;left:13px}.menu-toggle span:first-child{top:16px}.menu-toggle span:nth-child(2){top:23px}.menu-toggle span:nth-child(3){top:30px}.menu-toggle:hover{background:#ffffff0d;border-color:#73c7ff33;transform:translateY(-1px)}.menu-toggle:focus-visible{box-shadow:0 0 0 3px #6cc3ff3d,inset 0 1px #ffffff1a}.page-stage{isolation:isolate;min-height:74vh;transition:height var(--page-transition) var(--ease-page);position:relative;overflow:hidden}.page-stage.is-transitioning{pointer-events:none}.page{opacity:0;visibility:hidden;width:100%;transition:opacity var(--page-transition) var(--ease-page), transform var(--page-transition) var(--ease-page), visibility 0s linear var(--page-transition);will-change:opacity, transform, visibility;pointer-events:none;margin-bottom:28px;display:block;position:absolute;inset:0;transform:translateY(16px)}.page.active{opacity:1;visibility:visible;pointer-events:auto;position:relative;transform:translate(0,0)}.page.is-exiting-left,.page.is-exiting-right{pointer-events:none;z-index:1;width:100%;display:block;position:absolute;top:0;left:0;right:0}.page.is-entering-right,.page.is-entering-left,.page.active:not(.is-exiting-left):not(.is-exiting-right){z-index:2;position:relative}.page.is-entering-right{transform:translate(26px)}.page.is-entering-left{transform:translate(-26px)}.page.is-exiting-left{opacity:0;transform:translate(-22px)}.page.is-exiting-right{opacity:0;transform:translate(22px)}.page-content{flex-direction:column;gap:32px;display:flex}.section-layout{width:min(100%,1120px);margin:0 auto;padding:12px 0 48px}.section-header{flex-direction:column;gap:12px;max-width:760px;padding-bottom:8px;display:flex}.section-header:after{content:"";background:linear-gradient(90deg,#37d5adf2,#6cc3ff66,#0000);width:132px;height:1px;margin-top:4px}.eyebrow{width:fit-content;min-height:34px;color:var(--primary);text-transform:uppercase;letter-spacing:.04em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:0 12px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.section-header h2,.home-hero-copy h1,.about-intro-title{margin-bottom:14px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1}.section-header p,.home-hero-description,.about-intro-text,.home-hero-role{color:var(--muted);max-width:700px;line-height:1.75}.home-section{justify-content:center;min-height:calc(100vh - 150px);padding-top:8px;position:relative}.home-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-bg-wave{opacity:.32;filter:blur(16px);border-radius:999px;position:absolute}.home-bg-wave--one{background:linear-gradient(90deg,#73c7ff29,#fff0);width:420px;height:140px;top:8%;left:-8%;transform:rotate(-14deg)}.home-bg-wave--two{background:linear-gradient(90deg,#37d5ad29,#fff0);width:360px;height:120px;top:18%;right:-5%;transform:rotate(18deg)}.home-bg-wave--three{background:linear-gradient(90deg,#ffffff1f,#fff0);width:320px;height:110px;bottom:4%;left:22%;transform:rotate(-8deg)}.home-bg-particles{opacity:.12;background:radial-gradient(circle,#ffffff29 1px,#0000 1px) 0 0/24px 24px;width:240px;height:240px;position:absolute;inset:6% 8% auto auto;-webkit-mask-image:linear-gradient(#000c,#0000);mask-image:linear-gradient(#000c,#0000)}.home-hero{grid-template-columns:minmax(320px,.9fr) minmax(520px,1.35fr);align-items:center;gap:clamp(28px,4vw,56px);display:grid}.home-hero-copy{max-width:640px;min-height:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;flex-direction:column;justify-content:center;gap:18px;padding:0;display:flex;position:relative}.home-hero-copy:before{content:"";filter:blur(6px);opacity:.8;background:radial-gradient(circle,#37d5ad2e,#0000 70%);border-radius:50%;width:96px;height:96px;position:absolute;top:-16px;left:-24px}.home-hero-copy>*{z-index:1;position:relative}.home-hero-copy h1{max-width:9ch;margin-bottom:0;font-size:clamp(3.25rem,7vw,5.2rem);line-height:.98}.home-hero-role{color:#edf4ff;max-width:620px;font-size:clamp(1.08rem,1.8vw,1.28rem);font-weight:600;line-height:1.65}.home-hero-description{max-width:620px;font-size:1.02rem}.home-hero-actions,.page-nav,.hero-actions,.contact-card-actions{flex-wrap:wrap;gap:12px;display:flex}.page-nav{justify-content:space-between;align-items:center;margin-top:4px;padding-top:4px;position:relative}.page-nav:before{content:"";background:linear-gradient(90deg,#ffffff14,#6cc3ff4d,#ffffff14);height:1px;position:absolute;top:-2px;left:0;right:0}.home-hero-actions{flex-wrap:nowrap;align-items:stretch;gap:12px;margin-top:8px;display:flex}.button{border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.01em;min-height:52px;transition:transform var(--motion-medium) var(--ease-standard), background-position var(--motion-medium) var(--ease-standard), background-color var(--motion-medium) var(--ease-standard), border-color var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard), color var(--motion-medium) var(--ease-standard), filter var(--motion-medium) var(--ease-standard);will-change:transform, box-shadow, background-position;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.button-primary{color:#04110d;background:linear-gradient(135deg,#72efcf 0%,#37d5ad 54%,#1aa883 100%) 0 0/180% 180%;border-color:#a0ffe414;box-shadow:0 14px 28px #37d5ad33,inset 0 1px #ffffff2e}.button-primary:hover{filter:saturate(1.05)brightness(1.03);background-position:100%;transform:translateY(-3px);box-shadow:0 20px 38px #37d5ad47,0 0 0 1px #86ffdf14,inset 0 1px #fff3}.button-primary:active{filter:brightness(.99);transform:translateY(-1px)}.button-secondary{color:var(--text);background:#ffffff0a;border-color:#ffffff14}.button-secondary:hover,.button-ghost:hover{box-shadow:var(--shadow-soft);background:#ffffff12;transform:translateY(-2px)}.button-ghost{color:#d8e3f4;background:#ffffff06;border-color:#ffffff0d}.button:focus-visible{outline-offset:2px;outline:2px solid #4dabf7e6}.home-hero-actions .button{flex:1 1 0;min-width:0}.home-tech-icons{width:100%;min-width:0;max-width:100%;box-shadow:none;background:0 0;border:0;flex-wrap:nowrap;align-items:center;gap:10px;margin-top:12px;margin-left:-4px;padding:0;display:flex;overflow:visible}.home-tech-icons img{border-radius:var(--radius);opacity:.92;filter:drop-shadow(0 14px 24px #00000038);width:44px;height:44px;transition:transform var(--motion-medium) var(--ease-standard), filter var(--motion-medium) var(--ease-standard), opacity var(--motion-medium) var(--ease-standard);background:0 0;border:0;flex:0 0 44px;padding:0}.home-tech-icons img:hover{opacity:1;filter:drop-shadow(0 18px 28px #00000047);transform:translateY(-3px)}.animated-code-editor,.content-card,.feature-card,.project-card,.contact-card,.contact-map,.about-intro-card{border-radius:var(--radius-lg);transition:transform var(--motion-medium) var(--ease-standard), border-color var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard), background-color var(--motion-medium) var(--ease-standard);position:relative;overflow:hidden}.content-card:hover,.feature-card:hover,.project-card:hover,.contact-card:hover,.contact-map:hover,.about-intro-card:hover,.animated-code-editor:hover{border-color:#ffffff29;transform:translateY(-4px);box-shadow:0 28px 62px #00000061,inset 0 1px #ffffff1f}.animated-code-editor{aspect-ratio:16/10;background:linear-gradient(#0f1724 0%,#0a1019 100%);border:1px solid #ffffff14;flex-direction:column;justify-self:end;width:min(100%,860px);min-height:520px;display:flex;overflow:hidden;box-shadow:0 28px 70px #00000061,inset 0 1px #ffffff0f}.animated-code-editor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 18%);position:absolute;inset:0}.code-editor-topbar{z-index:1;background:#ffffff06;border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:14px 18px;display:flex;position:relative}.code-editor-topbar-left{align-items:center;gap:8px;display:flex}.code-editor-dot{border-radius:50%;width:10px;height:10px}.code-editor-dot--red{background:#ff6b6b}.code-editor-dot--yellow{background:#ffd43b}.code-editor-dot--green{background:#51cf66}.code-editor-file-group{align-items:center;gap:10px;min-width:0;display:flex}.code-editor-file{color:#eef4ff;font-size:.96rem;font-weight:600}.code-editor-lang{color:#9cf3cf;background:#37d5ad1f;border:1px solid #37d5ad2e;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:.75rem;font-weight:700;display:inline-flex}.code-editor-screen{z-index:1;color:#dce8f8;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;flex:1;min-height:0;margin:0;padding:24px 26px 28px;font-family:JetBrains Mono,Courier New,Courier,monospace;font-size:clamp(.84rem,.9vw,.98rem);line-height:1.8;position:relative;overflow:hidden}.code-editor-screen .token-keyword{color:#c792ea}.code-editor-screen .token-string{color:#8ce99a}.code-editor-screen .token-function{color:#82aaff}.code-editor-screen .token-comment{color:#7f8ea3}.code-editor-screen .token-variable{color:#ffd166}.code-editor-screen .token-number{color:#f78c6c}.code-editor-screen .cursor{background:var(--primary);border-radius:2px;width:8px;margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}.about-intro-card{grid-template-columns:320px minmax(0,1fr);gap:28px;padding:28px;display:grid}.about-intro-photo{object-fit:cover;border-radius:var(--radius);border:1px solid #ffffff1f;width:100%;height:100%;min-height:320px;box-shadow:0 18px 40px #00000038}.about-intro-content{flex-direction:column;gap:14px;display:flex}.about-intro-role{color:#dce7f5;font-size:1.05rem;font-weight:600}.about-intro-highlights{color:var(--muted);flex-direction:column;gap:10px;display:flex}.about-intro-highlights li{border-radius:var(--radius);background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 14px;line-height:1.65;display:flex;box-shadow:inset 0 1px #ffffff0a}.about-intro-points,.about-focus-pill-list{flex-wrap:wrap;gap:10px;display:flex}.about-focus-pill-list li{border:1px solid var(--border-soft);min-height:36px;color:var(--text);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:8px 13px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.about-highlight-icon{flex:none}.stack-pill{min-width:0;max-width:100%;min-height:48px;color:var(--text);transition:transform var(--motion-medium) var(--ease-standard), border-color var(--motion-medium) var(--ease-standard), background-color var(--motion-medium) var(--ease-standard), box-shadow var(--motion-medium) var(--ease-standard);background:linear-gradient(#1e2530db,#121822f5);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:12px;padding:8px 18px 8px 10px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 12px 26px #00000024}.stack-pill:hover{border-color:#6cc3ff33;transform:translateY(-2px);box-shadow:0 18px 34px #0003,inset 0 1px #ffffff14}.stack-pill>span:last-child{white-space:nowrap;min-width:0;font-size:.96rem;font-weight:500}.stack-pill .icon-badge{background:linear-gradient(#2a303af5,#181d27f5);border-color:#ffffff14;border-radius:999px;width:32px;min-width:32px;height:32px;padding:0;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000029}.stack-pill .icon-svg{width:15px;height:15px}.about-grid{gap:22px;display:grid}.about-grid--summary,.about-grid--details,.about-grid--skills,.about-grid--journey,.contact-grid--secondary{grid-template-columns:repeat(2,1fr)}.grid-three{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.about-card,.feature-card{flex-direction:column;gap:14px;height:100%;display:flex}.about-principles-list,.about-journey-list{flex-direction:column;gap:12px;display:flex}.about-principles-list li,.about-journey-list li{border-radius:var(--radius);color:var(--muted);background:#ffffff08;border:1px solid #ffffff0f;padding:14px 16px;box-shadow:inset 0 1px #ffffff0a}.about-journey-list strong{color:var(--text);margin-bottom:4px;display:block}.about-data-list{flex-direction:column;gap:14px;display:flex}.about-data-item{border-radius:var(--radius);background:#ffffff08;border:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff0a}.about-data-label{color:var(--muted);align-items:center;gap:10px;display:inline-flex}.about-data-value{text-align:right}.about-data-value a{transition:color var(--motion-medium) var(--ease-standard)}.about-data-value a:hover{color:var(--primary)}.feature-card-heading,.contact-card-heading,.contact-map-title{align-items:center;gap:12px;display:flex}.icon-badge{border-radius:var(--radius);min-width:40px;height:40px;color:var(--text);background:linear-gradient(#ffffff1c,#ffffff0d);border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #00000024}.icon-badge--small{border-radius:999px;width:30px;min-width:30px;height:30px;padding:0}.icon-svg,.info-list-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px;display:block}.info-list-icon{width:16px;height:16px;color:var(--primary)}.contact-label{color:var(--muted);font-size:.95rem}.skills-layout,.contact-grid--primary{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:22px;display:grid}#habilidades .content-card,.feature-card{isolation:isolate}#habilidades .content-card:before,.feature-card:before{content:"";opacity:.9;pointer-events:none;background:linear-gradient(90deg,#37d5ade6,#6cc3ff80,#0000 88%);height:1px;position:absolute;inset:0 0 auto}#habilidades .content-card:after,.feature-card:after{content:"";opacity:.38;pointer-events:none;width:180px;height:180px;transition:transform var(--motion-medium) var(--ease-standard), opacity var(--motion-medium) var(--ease-standard);background:radial-gradient(circle,#6cc3ff29,#0000 72%);border-radius:50%;position:absolute;inset:auto -42px -72px auto}#habilidades .content-card:hover:after,.feature-card:hover:after{opacity:.55;transform:translate(-8px,-8px)}.skills-card-header,.contact-map-heading{flex-direction:column;gap:8px;display:flex}#habilidades .skills-card-header{margin-bottom:2px;padding-bottom:16px;position:relative}#habilidades .skills-card-header:after{content:"";background:linear-gradient(90deg,#37d5add9,#6cc3ff38,#0000);width:88px;height:1px;position:absolute;bottom:0;left:0}.content-card,.contact-card,.project-card,.contact-map,.feature-card{height:100%;padding:24px}.skills-card-header h3,.project-copy h3,.contact-card strong,.contact-map h3,.feature-card h3{margin-bottom:8px;font-size:1.2rem}.skills-card-header p,.project-copy p,.contact-card small,.contact-map p,.feature-card p{color:var(--muted)}.skill-cloud{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}#habilidades .skill-cloud{gap:14px}.skill-chip{border-radius:999px}#habilidades .primary-cloud .skill-chip{background:linear-gradient(#26313ffa,#151d28fa);border-color:#68ccff29;box-shadow:inset 0 1px #ffffff14,0 14px 30px #00000029}#habilidades .secondary-cloud .skill-chip{background:linear-gradient(#2a3040fa,#161c28fa);border-color:#9ab5ff24;box-shadow:inset 0 1px #ffffff14,0 14px 30px #00000029}#habilidades .skill-chip .icon-badge{color:#edf6ff;background:linear-gradient(#363d4afa,#1c222dfa);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #0000002e}#habilidades .primary-cloud .skill-chip:hover{background:linear-gradient(#2d3b4b,#18212e);border-color:#68ccff42}#habilidades .secondary-cloud .skill-chip:hover{background:linear-gradient(#30384a,#191f2c);border-color:#9ab5ff3d}#habilidades .compact-grid{gap:22px}.feature-card{background:linear-gradient(#0b121ce0,#070b12f5);border:1px solid #ffffff14;justify-content:space-between;gap:18px;box-shadow:0 20px 48px #0000003d,inset 0 1px #ffffff0f}.feature-card-heading{align-items:flex-start}.feature-card p{line-height:1.72}.projects-section-block{flex-direction:column;gap:28px;display:flex}.project-empty-state{background:linear-gradient(#0b121cd6,#070b12f0);border:1px solid #ffffff14;flex-direction:column;gap:14px;padding:30px;display:flex}.project-empty-state-eyebrow{width:fit-content;color:var(--primary);letter-spacing:.05em;text-transform:uppercase;background:#37d5ad14;border:1px solid #37d5ad24;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.project-empty-state h3{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2}.project-empty-state p{max-width:60ch;color:var(--muted);line-height:1.75}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px;display:grid}.project-card{isolation:isolate;--card-accent:var(--accent);background:radial-gradient(circle at 100% 0,#ffffff17,#0000 32%),linear-gradient(#0c121de0,#070b12f5);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;gap:24px;min-height:100%;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 54px #00000052,inset 0 1px #ffffff12}.project-card:before{content:"";background:linear-gradient(90deg, var(--card-accent), #ffffff1f 42%, transparent 82%);opacity:.95;height:2px;transition:opacity var(--motion-medium) var(--ease-standard), background var(--motion-medium) var(--ease-standard), transform var(--motion-medium) var(--ease-standard);position:absolute;inset:0 0 auto}.project-card:after{content:"";opacity:.14;pointer-events:none;width:220px;height:220px;transition:transform var(--motion-medium) var(--ease-standard), opacity var(--motion-medium) var(--ease-standard);background:radial-gradient(circle,#ffffff1f,#0000 70%);border-radius:50%;position:absolute;top:auto;bottom:-56px;right:-32px}.project-card:hover:before{opacity:1;background:linear-gradient(90deg, var(--card-accent), #ffffff47);transform:scaleX(1.02)}.project-card:hover:after{opacity:.2;transform:translate(-6px,-8px)}.project-card--featured{border-color:#20c99747;box-shadow:0 24px 60px #00000057,0 0 0 1px #20c99714,inset 0 1px #ffffff14}.project-card[data-accent=emerald]{--card-accent:#20c997}.project-card[data-accent=cyan]{--card-accent:#4dabf7}.project-card[data-accent=amber]{--card-accent:#ffd166}.project-card[data-accent=rose]{--card-accent:#ff7aa2}.project-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.project-top-badges{flex-wrap:wrap;gap:10px;min-height:38px;display:flex}.project-status,.project-flag{text-transform:uppercase;letter-spacing:.08em;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;padding:8px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.project-copy{flex-direction:column;flex:1;gap:16px;display:flex}.project-heading{flex-direction:column;gap:10px;display:flex}.project-copy h3{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:14ch;font-size:clamp(1.45rem,2vw,1.85rem);line-height:1.08}.project-copy h3 a{transition:color var(--motion-medium) var(--ease-standard), opacity var(--motion-medium) var(--ease-standard)}.project-copy h3 a:hover{color:#fff;opacity:.92}.project-meta-line{flex-wrap:wrap;gap:10px;display:flex}.project-meta-item{min-height:34px;color:var(--muted);background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.84rem;font-weight:600;display:inline-flex}.project-meta-item:before{content:"";background:var(--card-accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 6px #ffffff0d}.project-description{color:#cad6e5;max-width:60ch;line-height:1.78}.project-topics{flex-wrap:wrap;gap:10px;display:flex}.project-topic{min-height:44px}.project-language{min-height:46px}.project-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.project-metric{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff12;border-radius:18px;padding:14px 14px 16px;box-shadow:inset 0 1px #ffffff0d,0 14px 30px #0000001f}.project-metric span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.project-actions{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;display:grid}.project-actions .button{width:100%}.contact-card-actions .button{flex:150px}.project-actions .button-primary{box-shadow:0 14px 28px #37d5ad2e}.project-actions .project-button-code{color:#04110d;background:linear-gradient(135deg,#72efcf 0%,#37d5ad 54%,#1aa883 100%) 0 0/180% 180%;border-color:#a0ffe414;box-shadow:0 14px 28px #37d5ad33,inset 0 1px #ffffff2e}.project-actions .project-button-code:hover{filter:saturate(1.05)brightness(1.03);background-position:100%;transform:translateY(-3px);box-shadow:0 20px 38px #37d5ad47,0 0 0 1px #86ffdf14,inset 0 1px #fff3}.project-actions .project-button-code:active{filter:brightness(.99);transform:translateY(-1px)}.project-actions .button-secondary,.project-actions .button-ghost{min-width:0}.project-actions .button-ghost{background:#ffffff08}.project-actions .button-ghost:hover{background:#ffffff0f}.project-status{color:#dcecff;background:#6cc3ff14;border-color:#6cc3ff2e}.project-flag{color:#c9ffe8;background:#20c99714;border-color:#20c99733}.project-card .button{min-height:50px}.project-card .button-primary,.project-card .button-secondary,.project-card .button-ghost{width:100%}.project-card strong{color:var(--text)}.project-card small{color:var(--muted)}.project-card h3,.project-card p,.project-card .project-heading,.project-card .project-metrics,.project-card .project-actions{z-index:1;position:relative}.project-card .project-metric strong{color:var(--text)}.project-card .project-language,.project-card .project-status,.project-card .project-topic,.project-card .project-meta-item{font-weight:500}.project-card .project-status,.project-card .project-flag{letter-spacing:.01em}.contact-grid--secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.contact-card,.contact-map{flex-direction:column;gap:14px;display:flex}.contact-card{justify-content:space-between}.contact-card strong,.contact-map h3{line-height:1.3}.contact-map-frame{border-radius:var(--radius-lg);background:#ffffff06;border:1px solid #ffffff12;padding:10px;position:relative;overflow:hidden}.contact-map-frame:before{content:"";border-radius:calc(var(--radius-lg) - 8px);z-index:1;pointer-events:none;background:linear-gradient(#02050a2e,#02050a80);position:absolute;inset:10px}.contact-map-frame:after{content:"";border-radius:calc(var(--radius-lg) - 8px);mix-blend-mode:multiply;z-index:2;pointer-events:none;background:#03070c66;position:absolute;inset:10px}.contact-map-frame iframe{border-radius:calc(var(--radius-lg) - 8px);filter:grayscale()invert(.95)hue-rotate(180deg)saturate(.55)contrast(1.12)brightness(.68);border:0;width:100%;height:clamp(260px,42vw,340px)}.topbar.nav-open{border-color:#20c99747}.animate-item{opacity:0;animation:fadeUp .5s var(--ease-page) both;animation-delay:var(--delay,var(--motion-delay));will-change:transform, opacity;transform:translateY(16px)scale(.992)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)scale(.992)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulseBorder{0%,to{box-shadow:0 20px 50px #00000059}50%{box-shadow:0 20px 50px #4dabf729}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page,.page.active,.page.is-entering-right,.page.is-entering-left,.page.is-exiting-left,.page.is-exiting-right,.animate-item{filter:none!important;transform:none!important}}@media (max-width:980px){.app-shell{padding-top:calc(110px + env(safe-area-inset-top,0px))}.home-hero,.about-intro-card,.skills-layout,.about-grid--summary,.about-grid--details,.about-grid--skills,.about-grid--journey,.grid-three,.project-grid,.contact-grid--primary,.contact-grid--secondary{grid-template-columns:1fr}.section-layout{width:100%}.home-hero{gap:32px}.nav{border-radius:var(--radius-lg);background:var(--panel-strong);border:1px solid var(--border);max-width:calc(100vw - 24px);max-height:min(72vh,100dvh - 110px);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;transition:opacity var(--motion-medium) var(--ease-standard), transform var(--motion-medium) var(--ease-standard), visibility 0s linear var(--motion-medium);flex-direction:column;align-items:stretch;gap:14px;padding:14px;display:flex;position:absolute;top:calc(100% + 10px);left:12px;right:12px;overflow:hidden auto;transform:translateY(-8px)scale(.985)}.topbar{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:80;margin-bottom:0;position:fixed;left:12px;right:12px;overflow:visible}.brand{max-width:calc(100% - 64px)}.home-hero-copy,.animated-code-editor{min-height:auto}.home-hero-copy{max-width:none}.animated-code-editor{aspect-ratio:auto;justify-self:stretch;width:100%;min-height:460px}.about-intro-card{grid-template-columns:1fr;gap:22px}.about-intro-photo{min-height:300px}.menu-toggle{display:flex}.topbar.nav-open .nav{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.topbar.nav-open .menu-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.topbar.nav-open .menu-toggle span:nth-child(2){opacity:0}.topbar.nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-links,.nav-tools{width:100%}.nav-links{box-shadow:none;background:0 0;border:0;flex-direction:column;padding:0}.nav-tools{border-top:1px solid #ffffff14;justify-content:center;padding-top:6px;display:flex}.nav-link,.nav-translate{width:100%}.nav-translate{background:linear-gradient(#101926f5,#090f18f5);border-color:#ffffff17;border-radius:22px;justify-content:space-between;min-width:0;height:auto;padding:10px 12px;box-shadow:inset 0 1px #ffffff0f,0 16px 30px #0003}.nav-translate-copy{color:#f7fbffc7;letter-spacing:.12em;text-transform:uppercase;align-items:center;min-width:0;padding-right:14px;font-size:.78rem;font-weight:800;display:inline-flex}.nav-translate-switch{background:#ffffff0d;border-radius:999px;flex:none;width:92px;height:42px;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000001f}.nav-translate-label--left{left:12px}.nav-translate-label--right{right:12px}.nav-translate-icon{left:7px}.nav-translate[data-language=en] .nav-translate-icon{transform:translateY(-50%)translate(42px)}.nav-translate:active{transform:scale(.992)}.project-actions .button{width:100%}.project-top{flex-direction:column;align-items:flex-start}.project-language{align-self:flex-start}.project-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-nav{gap:12px}.section-header h2,.about-intro-title{font-size:2rem}.home-hero-copy h1{font-size:clamp(2.8rem,10vw,4rem)}}@media (max-width:640px){.app-shell{padding-top:calc(102px + env(safe-area-inset-top,0px))}.topbar{top:calc(env(safe-area-inset-top,0px) + 8px);border-radius:24px;padding:12px 14px}.home-hero-actions{flex-wrap:wrap}.brand-text{max-width:11ch;font-size:.95rem}.nav-translate{padding:10px 11px}.nav-translate-copy{letter-spacing:.1em;font-size:.74rem}.home-hero-copy{padding:0}.home-hero-copy:before{width:72px;height:72px;top:-10px;left:-10px}.home-hero-copy h1{font-size:clamp(2.6rem,14vw,3.35rem)}.button{width:auto}.home-hero-actions{gap:10px}.home-hero-actions .button{min-width:calc(50% - 5px)}.home-tech-icons img{width:42px;height:42px}.home-bg-wave--one,.home-bg-wave--two,.home-bg-wave--three,.home-bg-particles{opacity:.12}.project-metrics{grid-template-columns:1fr}.project-meta-line{flex-direction:column;align-items:flex-start}.project-actions{grid-template-columns:1fr}.about-data-item{flex-direction:column}.about-data-value{text-align:left}.content-card,.contact-card,.project-card,.contact-map,.about-intro-card{padding:18px}.stack-pill>span:last-child{white-space:normal;overflow-wrap:anywhere}.contact-map-frame{padding:8px}.animated-code-editor{aspect-ratio:auto;width:100%;min-height:380px}.code-editor-screen{padding:18px 18px 20px;font-size:.82rem;line-height:1.7}}@media (min-width:1200px){.home-hero{grid-template-columns:minmax(320px,.82fr) minmax(720px,1.48fr)}.animated-code-editor{width:min(100%,960px);min-height:560px}.code-editor-screen{font-size:1rem}}