:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Share Tech Mono;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;min-height:100vh}.portfolio-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:100vh;display:flex;position:relative}.home-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;margin-top:80px;animation:.8s ease-out forwards slideInFromLeft;display:flex}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.portfolio-name .English,.portfolio-name .Spanish{color:#fff;letter-spacing:3px;margin:0;font-family:Share Tech Mono,monospace;font-size:3.5rem}.word-feature{color:#00ff4c;text-shadow:0 0 8px #00ff4c}.portfolio-description{color:#ffffffd9;letter-spacing:2px;margin:0;font-family:Share Tech Mono,monospace;font-size:2rem}.button-work{color:#00ff4c;cursor:pointer;background:0 0;border:2px solid #00ff4c;border-radius:6px;align-items:center;gap:8px;margin-top:20px;padding:12px 28px;font-family:Share Tech Mono,monospace;font-size:1.3rem;transition:all .25s;display:flex}.button-work:hover{color:#000;background:#00ff4c;box-shadow:0 0 12px #00ff4c}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.btn{font-family:var(--font);font-size:calc(var(--font)*20);text-transform:uppercase;letter-spacing:2px;transform:all .5s cubic-bezier(.1,.66,1,.17);cursor:pointer;border:none;margin-left:1em;padding:1rem 2rem;position:relative}.first{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(90deg,#22b455 0%,#00ff4c 100%);-webkit-background-clip:text;background-clip:text}.first:hover{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(90deg,#fff 0%,#f0f1f8 100%);-webkit-background-clip:text;background-clip:text}.first:before{content:"";border:12px solid;border-width:2px;border-image-source:linear-gradient(90deg,#22b455 0%,#00ff4c 100%);border-image-slice:1;width:100%;height:100%;transition:border .6s,opacity .6s cubic-bezier(.1,.66,1,.17);position:absolute;inset:0}.first:hover:before{opacity:0}.first:after{content:"";border:12px solid;opacity:0;z-index:-1;background:0 0;border-width:2px;border-image-source:linear-gradient(90deg,#22b455 0%,#00ff4c 100%);border-image-slice:1;width:100%;height:100%;transition:opacity .5s,transform .5s cubic-bezier(.29,.57,.74,.32);position:absolute;inset:0;transform:scaleX(1.4)scaleY(1.6)}.first:hover:after{opacity:1;transform:scaleX(1)scaleY(1)}.btn:active{transform:translateY(4px)}.about-section{color:#00ff4c;text-align:center;opacity:0;min-height:100vh;margin-top:95px;transform:translate(-60px)}.about-section.animate{animation:.8s ease-out forwards slideInFromLeft}.skills-section{color:#00ff4c;text-align:center;opacity:0;height:auto;min-height:100vh;margin-top:95px;transform:translate(-60px)}.skills-section.animate{animation:.8s ease-out forwards slideInFromLeft}.about-title{text-shadow:0 0 15px #00ff4c;padding-top:20px;font-size:3rem;transition:all .25s;display:inline-block}.about-title:hover{text-shadow:0 0 25px #00ff4c;transform:scale(1.08)}.about-info-section{flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;margin-top:40px;display:flex}.about-left-section{place-content:center;height:auto}.about-photo{object-fit:cover;border:2px solid #00ff4c;border-radius:10px;width:50vh;height:60vh;box-shadow:0 0 20px #00ff4c}.about-description{text-align:left;max-width:500px}.about-text{color:#c8ffea;margin-bottom:15px;font-size:1.1rem;line-height:1.6}.skills-title{text-shadow:0 0 15px #00ff4c;color:#00ff4c;padding-top:20px;font-size:3rem;transition:all .25s;display:inline-block}.skills-title:hover{text-shadow:0 0 25px #00ff4c;transform:scale(1.08)}.skills-circle .skill-card{background:#001400b3;border:2px solid #00ff4c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;box-shadow:0 0 15px #00ff4c55}.skills-circle .skill-card:hover{transform:scale(1.08);box-shadow:0 0 25px #00ff4c}.skills-circle .skill-card img{object-fit:contain;width:45px;height:45px;margin-bottom:8px}.skills-circle .skill-card span{color:#eafff5;text-shadow:0 0 5px #00ff4c;font-size:.9rem;font-weight:600}.skills-circle{width:500px;height:500px;margin-top:30px;position:relative}.skills-circle .skill-card{width:90px;height:90px}.skills-circle .skill-card img{width:34px;height:34px;margin-bottom:6px}.skills-circle .skill-card span{font-size:.78rem}.skills-circle .skill-card:first-child{top:25px;left:205px}.skills-circle .skill-card:nth-child(2){top:105px;left:345px}.skills-circle .skill-card:nth-child(3){top:215px;left:395px}.skills-circle .skill-card:nth-child(4){top:335px;left:345px}.skills-circle .skill-card:nth-child(5){top:385px;left:205px}.skills-circle .skill-card:nth-child(6){top:335px;left:65px}.skills-circle .skill-card:nth-child(7){top:215px;left:15px}.skills-circle .skill-card:nth-child(8){top:105px;left:65px}.skills-circle .skill-card:nth-child(9){top:205px;left:205px}@media (max-width:1024px){.about-info-section{flex-direction:column;align-items:center;gap:32px}.about-description{text-align:center;max-width:600px}.about-photo{width:40vh;height:50vh}.skills-section{min-height:auto;padding-bottom:80px}.skills-circle{width:380px;height:380px}.skills-circle .skill-card{width:80px;height:80px}}@media (max-width:600px){.about-section{margin-top:70px;padding:0 20px}.about-title{font-size:2.2rem}.about-photo{width:260px;height:320px}.about-description{text-align:center}.about-text{font-size:1rem;line-height:1.5}.skills-circle{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;height:auto;margin:40px auto 0;display:grid;position:static}.skills-circle .skill-card{width:100%;height:90px;position:static}.skills-circle .skill-card:nth-child(n){top:auto;left:auto}.skills-title{font-size:2.2rem}}.project-section{text-align:center;opacity:0;background:#000;min-height:100vh;padding:80px 6vw;position:relative;overflow:hidden;transform:translate(-60px)}.project-section.animate{animation:.8s ease-out forwards slideInFromLeft}.project-section:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(circle at 18% 28%,#00ff4c1f 0 1px,#0000 2px),radial-gradient(circle at 65% 55%,#ffffff12 0 1px,#0000 2px),radial-gradient(circle at 40% 80%,#00ff4c1a 0 1px,#0000 2px);background-size:280px 280px,360px 360px,420px 420px;position:absolute;inset:0}.project-title{text-shadow:0 0 15px #00ff4c;color:#00ff4c;padding-top:20px;font-size:3rem;transition:all .25s;display:inline-block}.project-title:hover{text-shadow:0 0 25px #00ff4c;transform:scale(1.08)}.project-image-container{z-index:1;gap:44px;display:grid;position:relative}.project-image-description-container{border-radius:10px;grid-template-columns:minmax(520px,1.25fr) 1fr;align-items:start;gap:14px 72px;padding:28px 10px;display:grid;position:relative;overflow:hidden}.project-image-description-container:before{content:"";opacity:.2;z-index:0;background:#00ff4c;border-radius:10px;width:62%;height:360px;position:absolute;top:12px;left:0;box-shadow:0 0 48px #00ff4c38}.project-image-description-container>img{z-index:1;will-change:transform;border:1px solid #00ff4c2e;border-radius:12px;grid-area:1/1/span 6;width:100%;max-width:820px;max-height:500px;margin-left:18px;transition:transform .25s,box-shadow .25s,filter .25s;display:block;box-shadow:0 18px 55px #000000b3}.project-image-description-container:hover>img{filter:saturate(1.05)contrast(1.03);transform:translateY(-6px)scale(1.01)rotate(-.2deg);box-shadow:0 24px 70px #000000bf,0 0 25px #00ff4c33}.project-image-description-container>h1{z-index:1;color:#eaffef;letter-spacing:1px;grid-area:1/2;margin:0 0 8px;font-size:clamp(26px,2.6vw,44px);font-weight:800}.project-image-description-container>p{z-index:1;color:#eaffefd1;grid-column:2;max-width:560px;margin:0 0 14px;font-size:16px;line-height:1.65}.project-image-description-container>a{z-index:1;color:#eaffef;letter-spacing:2px;text-transform:uppercase;border-bottom:2px solid #00ff4c;grid-column:2;width:fit-content;margin-top:10px;padding:10px 0;font-weight:800;text-decoration:none;transition:transform .15s,text-shadow .15s;display:inline-block}.project-image-description-container>a:hover{text-shadow:0 0 14px #00ff4c59;transform:translate(6px)}.project-image-description-container>a+a{margin-top:14px}@media (max-width:980px){.project-image-description-container{grid-template-columns:1fr;gap:18px 0}.project-image-description-container:before{width:100%;height:280px;top:0}.project-image-description-container>img{grid-area:auto/1;max-width:100%;margin-left:0}.project-image-description-container>h1,.project-image-description-container>p,.project-image-description-container>a{grid-column:1}}.contact-section{text-align:center;background:#000;min-height:100vh;padding:90px 6vw;position:relative;overflow:hidden}.contact-section:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(circle at 18% 28%,#00ff4c1f 0 1px,#0000 2px),radial-gradient(circle at 65% 55%,#ffffff12 0 1px,#0000 2px),radial-gradient(circle at 40% 80%,#00ff4c1a 0 1px,#0000 2px);background-size:280px 280px,360px 360px,420px 420px;position:absolute;inset:0}.contact-title{z-index:1;color:#eaffef;text-shadow:0 0 16px #00ff4c2e;margin:0 0 18px;font-size:clamp(38px,4vw,60px);font-weight:900;position:relative}.contact-title:after{content:"";background:#00ff4c;width:210px;height:10px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 0 18px #00ff4c59}.contact-subtitle{z-index:1;color:#eaffefc7;max-width:520px;margin:28px auto 40px;font-size:16px;line-height:1.6;position:relative}.contact-form{z-index:1;flex-direction:column;gap:12px;width:min(520px,92vw);margin:0 auto;display:flex;position:relative}.contact-input,.contact-textarea{color:#eaffef;background:#ffffff1a;border:1px solid #00ff4c1f;border-radius:6px;outline:none;width:100%;padding:12px 14px}.contact-textarea{resize:none;min-height:140px}.contact-input::placeholder,.contact-textarea::placeholder{color:#eaffef8c}.contact-input:focus,.contact-textarea:focus{background:#00ff4c0f;border-color:#00ff4c73;box-shadow:0 0 18px #00ff4c1f}.contact-submit{color:#eaffef;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #00ff4c;margin-top:18px;margin-left:auto;padding:10px 0;font-weight:900;transition:transform .15s,text-shadow .15s}.contact-submit:hover{text-shadow:0 0 14px #00ff4c59;transform:translate(6px)}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-success{color:#00ff4c;letter-spacing:1px;text-shadow:0 0 10px #00ff4c66;align-self:flex-end;margin-top:16px;font-size:.9rem}.footer{background:#ffffff1a;border-top:1px solid #00ff4c1a;flex-direction:column;align-items:center;gap:14px;width:100%;padding:26px 0 20px;display:flex}.to-top-btn{cursor:pointer;background:#00ff4c;border:none;border-radius:8px;place-items:center;width:44px;height:44px;transition:transform .15s,box-shadow .15s,filter .15s;display:grid;box-shadow:0 0 20px #00ff4c40}.to-top-btn svg{color:#0b0f0d;font-size:22px}.to-top-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 0 28px #00ff4c59}.footer-icons{justify-content:center;align-items:center;gap:14px;display:flex}.footer-icon{color:#eaffef;background:#00000059;border:1px solid #00ff4c29;border-radius:50%;place-items:center;width:38px;height:38px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.footer-icon svg{font-size:18px}.footer-icon:hover{border-color:#00ff4c66;transform:translateY(-2px);box-shadow:0 0 18px #00ff4c2e}.footer-copy{letter-spacing:1px;color:#eaffefa6;text-transform:uppercase;margin:0;font-size:12px}.loader-overlay{z-index:9999;position:fixed;inset:0;overflow:hidden}.loader-container{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.loader-title{letter-spacing:4px;color:#fff;opacity:0;margin:0;font-size:48px;animation:.9s ease-out forwards titleEnter;transform:translateY(0)}@keyframes titleEnter{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.loader-bar{background:#2f313a;border:2px solid #1f1f1f;border-radius:12px;width:300px;height:20px;margin-top:16px;overflow:hidden}.loader-fill{background:linear-gradient(90deg,#f4f7f5,#9b9998,#000);border-radius:12px;width:0%;height:100%;animation:2s ease-in-out .9s forwards fillLoader}@keyframes fillLoader{0%{width:0%}to{width:100%}}.grid-container{--grid:10rem;transform-style:preserve-3d;perspective:100rem;pointer-events:none;animation:100s linear infinite forwards rotate;position:absolute;inset:0;overflow:hidden}.plane{--dir:1;transform-origin:bottom;width:300%;height:150%;min-height:70rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotateX(85deg)}.plane:last-child{--dir:-1;transform-origin:top;position:absolute;top:0;left:50%;transform:translate(-50%)rotateX(-85deg)}.plane .grid,.plane .glow{width:100%;height:100%;position:absolute}.plane .grid:before,.plane .grid:after{content:"";width:100%;height:100%;position:absolute}.plane .grid:before{background-image:repeating-linear-gradient(to left,green,green 4px,transparent 4px,transparent var(--grid)),repeating-linear-gradient(to bottom,green,green 4px,transparent 4px,transparent var(--grid));animation:1s linear infinite forwards move}.plane .grid:after{background-image:linear-gradient(to bottom,#000 var(--grid),#0000);transform:translateZ(1px)}.plane:last-child .grid:after{background-image:linear-gradient(to top,#000 var(--grid),#0000)}.glow{filter:blur(1rem);mix-blend-mode:plus-lighter}@keyframes move{0%{transform:translateY(0)}to{transform:translateY(calc(var(--grid)*var(--dir)))}}@keyframes rotate{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}.loader-overlay,.grid-container,.grid-container *{pointer-events:none!important}.navbar-container{z-index:9999;width:50%;margin-top:24px;position:fixed;top:0;left:50%;transform:translate(-50%)}.navbar-ul{background:#fff;border-radius:30px;justify-content:space-around;align-items:center;width:100%;height:44px;padding:0 10px;list-style:none;display:flex;box-shadow:0 6px 20px #0000004d}.navbar-ul li{align-items:center;display:flex}.nav-btn{color:#000;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:500;transition:color .2s,transform .15s;display:flex}.nav-btn:hover{color:#00ff4c;transform:translateY(-1px)}.navbar-icon{font-size:18px}@media (max-width:1024px){.navbar-container{width:70%}.nav-btn{padding:6px 8px;font-size:14px}}@media (max-width:600px){.navbar-container{width:100%;margin-top:0;padding:0 12px;top:auto;bottom:0;left:0;transform:none}.navbar-ul{border-radius:16px;justify-content:space-around;height:64px}.nav-btn span{display:none}.navbar-icon{font-size:22px}.nav-btn{padding:10px}}@supports (padding:max(0px)){@media (max-width:600px){.navbar-container{padding-bottom:env(safe-area-inset-bottom)}}}.language-container{z-index:1000;width:50%;margin-top:30px;position:fixed;top:0}.language-btn{color:#00ff4c;background-color:#000;border-color:#00ff4c;width:50px;height:50px}@media (max-width:600px){.about-section,.skills-section,.project-section,.contact-section{min-height:auto;margin-top:40px;padding-top:40px;padding-bottom:40px}}