*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#f6f7f6;--color-secundary:#c28f44;--color-black:#090d16;--fs-sm:clamp(.875rem, .8rem + .3vw, 1rem);--fs-md:clamp(1rem, .9rem + .4vw, 1.125rem);--font-size-title:clamp(7rem, 5vw + 1rem, 9rem);--space-flex-gap:80px;--space-5:24px;--margin-sections:50px;--margin-text:0 0 15px 0;--margin-mobile-text:0 0 20px 0;--padding-buttons:5px;--line-height-1:1.2}html{scroll-behavior:smooth;color:var(--color-primary);font-size:var(--fs-sm);line-height:var(--line-height-1)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}p{font-size:var(--fs-md);line-height:1.7}a{color:inherit;text-decoration:none}input,textarea{color:#f6f7f6;background:#0003;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:10px 12px;transition:all .2s}input:focus,textarea:focus{border-color:#c28f44;box-shadow:0 0 10px #c28f4440}button{color:#f6f7f6;cursor:pointer;background:0 0;border:1px solid #c28f44;border-radius:10px;width:100%;padding:10px 14px;transition:all .2s}button:hover{color:#090d16;background:#c28f44}button:disabled{opacity:.5;cursor:not-allowed}body{background:radial-gradient(circle at top,#111827 0%,#070b14 45%,#03050a 100%);min-width:120px;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body:before{content:"";z-index:-3;pointer-events:none;background-image:linear-gradient(#c28f4412 1px,#0000 1px),linear-gradient(90deg,#c28f4412 1px,#0000 1px);background-size:55px 55px;animation:25s linear infinite gridScroll;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 100%);mask-image:radial-gradient(circle,#000 35%,#0000 100%)}body:after{content:"";filter:blur(80px);z-index:-2;pointer-events:none;background:radial-gradient(circle at 20% 30%,#c28f4426 0%,#0000 20%),radial-gradient(circle at 80% 20%,#3b82f61a 0%,#0000 24%),radial-gradient(circle at 50% 80%,#c28f4414 0%,#0000 30%);animation:18s ease-in-out infinite alternate cyberGlow;position:fixed;inset:-20%}@keyframes gridScroll{0%{transform:translateY(0)}to{transform:translateY(55px)}}@keyframes cyberGlow{0%{transform:translate(0)scale(1)}50%{transform:translate(-30px,20px)scale(1.05)}to{transform:translate(20px,-20px)scale(1)}}.skills-section{align-items:center;gap:var(--space-flex-gap);margin:var(--margin-sections);flex-direction:row;width:fit-content;margin-inline:auto;padding-inline:50px;display:flex}.soft-skills{justify-content:center;align-items:left;flex-direction:column;width:100%;display:flex}.hero-header{flex-direction:column;display:flex}.title{margin:var(--margin-text);font-size:clamp(64px,8vw,111px);transform:translate(-7px)}.subtitle{color:var(--color-primary);font-size:var(--fs-md);letter-spacing:3px;text-transform:uppercase;margin:var(--margin-text);flex-wrap:wrap;align-items:center;gap:8px;transition:transform .35s,box-shadow .35s,filter .35s,border-color .35s;display:flex}.subtitle:hover{filter:brightness(1.15);transform:perspective(1200px)rotateX(2deg)rotateY(-2deg)scale(.99)}.subtitle a{display:inline}.developer-subtitle{color:var(--color-secundary)}.intro-text{font-size:var(--fs-sm);color:#ffffffbf;margin:var(--margin-text)}.vdab-logo{opacity:.3;width:36px;height:auto;margin-left:6px}.action-row{margin:var(--margin-text);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.soft-skills-icons img{object-fit:contain;border-radius:3px}.soft-skills-icons:hover,.soft-skills-icons:hover img{filter:brightness(1.15);transform:perspective(1200px)rotateX(2deg)rotateY(-2deg)scale(1.06)}.mindset-group{margin:var(--margin-text);color:var(--color-secundary);flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:15px;display:flex}.mindset-pill{border:1px solid var(--color-secundary);cursor:default;background:#ffffff0f;border-radius:999px;padding:6px 12px;font-size:13px;transition:all .2s}.mindset-pill:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.cv{color:#f6f7f6;letter-spacing:.3px;padding:var(--padding-buttons);background:0 0;border:1px solid #c28f44;border-radius:12px;font-weight:500;text-decoration:none;position:relative;overflow:hidden}.cv:hover{color:#c28f44;border-color:#f6f7f6;border-radius:12px}.cv:before{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);width:60%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.cv.shine:before,.cv:hover:before{animation:.9s shine}@keyframes shine{0%{left:-120%}to{left:220%}}.dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block;position:relative}.dot:after{content:"";background:#22c55e;border-radius:50%;animation:1.2s infinite dot;position:absolute;inset:0}@keyframes dot{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}.availability{color:#fff;align-items:center;gap:6px;font-size:14px;display:flex}.logo{border-radius:14px;flex-shrink:0;width:58px;height:58px;transition:all .25s;overflow:hidden}.logo svg{width:100%;height:100%;display:block}.logo:hover{background-image:linear-gradient(120deg,#ffffff08 0%,#c28f4440 50%,#ffffff08 100%);background-size:200% 100%;border-color:#c28f4473;animation:1.5s linear infinite electricFlow;box-shadow:0 0 14px #c28f4440}@keyframes electricFlow{0%{background-position:-200% 0}to{background-position:200% 0}}.svg-bg{width:100%;height:100%;position:absolute;inset:0}.center-diamond{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #c28f44;width:clamp(60px,16%,70px);height:clamp(60px,16%,80px);animation:4s ease-in-out infinite diamond;position:absolute;top:50%;left:50%}.center-diamond:before{content:"</>";color:#c28f44;justify-content:center;align-items:center;font-size:clamp(16px,3vw,28px);font-weight:700;display:flex;position:absolute;inset:0;transform:rotate(-45deg)}@keyframes diamond{0%{transform:translate(-50%,-50%)rotate(45deg)translateY(0)}50%{transform:translate(-50%,-50%)rotate(45deg)translateY(-8px)}to{transform:translate(-50%,-50%)rotate(45deg)translateY(0)}}.wire{fill:none;stroke:#c28f44;stroke-width:2px;stroke-dasharray:8;filter:drop-shadow(0 0 6px #c28f44);animation:2s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-16px}}.pulse{transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 0 10px #c28f44)}.pulse1{animation:3s linear infinite pulseMove1}.pulse2{animation:3s linear infinite pulseMove2}.pulse3{animation:3s linear infinite pulseMove3}@keyframes pulseMove1{0%{transform:translate(120px,210px)}50%{transform:translate(240px,210px)}to{transform:translate(300px,300px)}}@keyframes pulseMove2{0%{transform:translate(480px,390px)}50%{transform:translate(360px,390px)}to{transform:translate(300px,300px)}}@keyframes pulseMove3{0%{transform:translate(300px,480px)}to{transform:translate(300px,300px)}}.hard-skills{display:flex}.desktop-skills{width:600px;height:700px;position:relative}.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #c28f4440;border-radius:18px;width:190px;padding:clamp(10px,2vw,20px);transition:all .3s;position:absolute}.skill-card h4{color:#c28f44;margin-bottom:10px;font-size:clamp(.8rem,1.5vw,1.1rem)}.skill-links{flex-direction:column;gap:10px;display:flex}.skill-links a{color:#fffc;align-items:center;gap:10px;text-decoration:none;transition:all .2s;display:flex}.skill-links a:hover{color:#c28f44;transform:translate(4px)}.skill-links img{object-fit:contain;width:24px;height:28px}.icon-sm-card{width:24px;height:auto}.backend{top:8%;left:0%}.frontend{top:8%;right:0%}.database{bottom:17%;left:0%}.devops{bottom:17%;right:0%}.project{top:0%;left:50%;transform:translate(-50%)}.best-practices{bottom:0%;left:50%;transform:translate(-50%)}.backend:hover,.frontend:hover,.database:hover,.devops:hover,.best-practices:hover,.project:hover{transform:translateY(-4px);box-shadow:0 0 25px #c28f4426}.best-practices:hover,.project:hover{transform:translate(-50%)translateY(-4px)}.contact-section{flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.contact-title{color:#f6f7f6;text-align:center;font-weight:700;font-size:var(--fs-md);letter-spacing:3px;text-transform:uppercase;margin:var(--margin-text)}.contact-wrapper{width:100%;max-width:600px}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #c28f4433;border-radius:16px;padding:24px}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{color:#f6f7f6;opacity:.8;margin-bottom:6px;font-size:14px}.success-msg{color:#4ade80;text-align:center;margin-top:12px}.error-msg{color:#f87171;text-align:center;margin-top:12px}footer{border-top:1px solid #ffffff1a;justify-content:center;margin-top:48px;padding:24px 0;display:flex}footer:hover{border-top:1px solid #c28f4466}.footer-container{text-align:center;width:100%;max-width:1200px;padding:0 20px}.footer-title{color:#f6f7f6;margin:0 0 6px;font-size:14px;font-weight:600}.footer-subtitle{opacity:.7;color:#f6f7f6;font-size:12px;display:block}.mobile-skills a{background:#ffffff08;border:1px solid #c28f4426;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;transition:all .25s;display:flex;position:relative;overflow:hidden}.mobile-skills a:hover{background-image:linear-gradient(120deg,#ffffff08 0%,#c28f4440 50%,#ffffff08 100%);background-size:200% 100%;border-color:#c28f4473;animation:1.5s linear infinite electricFlow;box-shadow:0 0 14px #c28f4440}.mobile-skills{display:none}@media (width<=1150px){.desktop-skills{display:none}.skills-section{gap:var(--space-flex-gap);flex-direction:column;margin-top:0;padding:40px 20px}.subtitle,.intro-text,.intro-vdab,.action-row{margin:var(--margin-mobile-text)}.mobile-skills{border-radius:12px;flex-flow:wrap;justify-content:center;gap:16px;width:100%;display:flex}.skill-links{flex-flow:wrap;justify-content:center}.skill-links a span{display:none}.skill-links img{width:32px;height:32px}.mobile-skills .skill-card{width:min(100%,320px);position:relative;inset:auto}.soft-skills{text-align:center;align-items:center}.intro-vdab,.action-row{justify-content:center}.mindset-group{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.hero-header{align-items:center}.subtitle{margin:0}}