:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-black:#050505;--color-ink:#111;--color-white:#fff;--color-muted:#b7b7b7;--color-soft:#f3f3f3;--color-line:#ffffff29;--color-red:#e82127;--color-red-dark:#b81117;--shadow-panel:0 24px 80px #00000061}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{background:var(--color-black);min-width:320px;min-height:100vh;color:var(--color-white);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,textarea,select{font:inherit}a{color:inherit}#app{min-height:100vh}.site-shell{background:linear-gradient(180deg, #ffffff0d, transparent 36rem), radial-gradient(circle at 72% 0%, #e8212733, transparent 24rem), var(--color-black);min-height:100vh;overflow-x:hidden}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505d1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.75rem;padding:1.25rem clamp(1rem,4vw,3.5rem);display:flex;position:fixed;top:0;left:0;right:0}.brand,.nav-links a,.button,.eyebrow,.section-kicker{letter-spacing:0;text-transform:uppercase}.brand{border:1px solid var(--color-white);width:2.75rem;height:2.75rem;color:var(--color-white);place-items:center;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-grid}.nav-links{justify-content:flex-end;align-items:center;gap:clamp(.85rem,2.5vw,2.1rem);font-size:.76rem;font-weight:700;display:flex}.nav-links a,.hero-panel a,.site-footer a:not(.button){text-decoration:none}.nav-links a{color:#ffffffc7}.nav-links a:hover,.hero-panel a:hover,.social-row a:hover{color:var(--color-red)}.hero-section{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);align-items:end;gap:clamp(2rem,7vw,6rem);min-height:100vh;padding:8.5rem clamp(1rem,6vw,5.5rem) 5.5rem;display:grid;position:relative}.hero-section:before{z-index:-2;content:"";background:linear-gradient(90deg,#050505fa 0%,#050505b8 45%,#0505052e 100%),linear-gradient(#05050561,#050505eb),url(/assets/hero-systems-CbNmPrp4.png) 100%/cover;position:absolute;inset:0}.hero-section:after{z-index:-1;background:linear-gradient(180deg, transparent, var(--color-black));content:"";height:34%;position:absolute;inset:auto 0 0}.hero-copy{max-width:62rem}.eyebrow,.section-kicker{color:var(--color-red);font-size:.78rem;font-weight:800}h1,h2,h3{color:var(--color-white);line-height:.98}h1{max-width:12ch;margin-top:1rem;font-size:clamp(3.8rem,13vw,9.5rem);font-weight:800}h2{max-width:16ch;margin-top:.7rem;font-size:clamp(2.25rem,6vw,5.7rem);font-weight:780}h3{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:760}.hero-summary{color:#ffffffc7;max-width:41rem;margin-top:1.35rem;font-size:clamp(1.04rem,1.8vw,1.38rem)}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;min-width:10.5rem;min-height:2.9rem;padding:.85rem 1.5rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-red);color:var(--color-white)}.button-primary:hover{background:var(--color-red-dark)}.button-secondary{color:var(--color-white);background:#ffffff14;border-color:#ffffff73}.button-secondary:hover{border-color:var(--color-white);background:#ffffff24}.hero-panel{border:1px solid var(--color-line);box-shadow:var(--shadow-panel);color:#fffc;background:#111111b8;gap:.85rem;padding:1.4rem;font-size:.95rem;display:grid}.social-row{border-top:1px solid var(--color-line);color:var(--color-white);text-transform:uppercase;flex-wrap:wrap;gap:1rem;padding-top:.7rem;font-size:.8rem;font-weight:800;display:flex}.message-row{gap:.65rem;padding-top:.45rem;display:flex}.message-link{width:2.55rem;height:2.55rem;color:var(--color-white);background:#ffffff14;border:1px solid #fff3;place-items:center;text-decoration:none;display:inline-grid}.message-link svg{fill:currentColor;width:1.25rem;height:1.25rem}.message-link:hover{border-color:var(--color-white);color:var(--color-white)}.whatsapp-link:hover{background:#25d366}.viber-link:hover{background:#7360f2}.content-section,.site-footer{border-top:1px solid var(--color-line);padding:clamp(4.5rem,9vw,8rem) clamp(1rem,6vw,5.5rem)}.split-section{grid-template-columns:minmax(10rem,.38fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.split-section h2{margin-bottom:clamp(1.4rem,3vw,2.4rem)}.split-section p:last-child,.details-grid p,.site-footer h2{color:#ffffffbd;max-width:50rem;font-size:clamp(1.04rem,1.6vw,1.32rem)}.skills-grid{background:var(--color-line);border:1px solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:3rem;display:grid}.skill-card{background:var(--color-ink);min-height:17rem;padding:clamp(1.2rem,2vw,1.8rem)}.skill-card ul,.cert-list{color:#ffffffbd;gap:.72rem;margin-top:1.4rem;padding:0;list-style:none;display:grid}.skill-card li,.cert-list li{padding-left:1rem;position:relative}.skill-card li:before,.cert-list li:before{background:var(--color-red);content:"";width:.35rem;height:.35rem;position:absolute;top:.65em;left:0}.project-list{border-top:1px solid var(--color-line);margin-top:3rem;display:grid}.project-item{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(13rem,.4fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);padding:2rem 0;display:grid}.project-item>p{color:#ffffffb8;max-width:42rem;font-size:clamp(1rem,1.4vw,1.18rem)}.project-copy{align-content:start;gap:1rem;max-width:46rem;display:grid}.project-copy p{color:#ffffffb8;font-size:clamp(1rem,1.4vw,1.18rem)}.project-copy a{width:fit-content;color:var(--color-white);text-transform:uppercase;font-size:.78rem;font-weight:800;text-decoration:none}.project-copy a:hover{color:var(--color-red)}.project-item div p{color:var(--color-red);text-transform:uppercase;margin-bottom:.55rem;font-size:.78rem;font-weight:800}.details-grid{background:var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding-top:0;padding-bottom:0;display:grid}.details-grid article{background:var(--color-black);min-height:22rem;padding:clamp(3rem,7vw,6rem) clamp(1.25rem,5vw,4rem)}.site-footer{background:var(--color-soft);min-height:7rem;color:var(--color-black);justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-meta{color:#050505b8;font-size:.9rem;font-weight:700}.footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.footer-message-link{background:var(--color-black);color:var(--color-white);border-color:#0505052e}.footer-message-link:hover{border-color:var(--color-black)}@media (width<=980px){.hero-section,.split-section,.project-item,.details-grid,.site-footer{grid-template-columns:1fr}.hero-section{align-items:start;min-height:auto}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{display:grid}.footer-actions{justify-content:flex-start}}@media (width<=680px){.topbar{align-items:flex-start;min-height:auto;position:sticky}.nav-links{text-align:right;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;width:min(14rem,100%);display:grid}.hero-section{padding-top:4rem}h1{font-size:clamp(3.3rem,18vw,5.7rem)}.skills-grid{grid-template-columns:1fr}.button{width:100%}}