:root{--header-height: 3.5rem;--hue: 220;--first-color: hsl(var(--hue), 100%, 58%);--first-color-alt: hsl(var(--hue), 100%, 45%);--title-color: hsl(var(--hue), 8%, 95%);--text-color: hsl(var(--hue), 8%, 75%);--text-color-light: hsl(var(--hue), 8%, 65%);--body-color: hsl(var(--hue), 20%, 4%);--container-color: hsl(var(--hue), 20%, 8%);--accent-color: #2563eb;--accent-secondary: #60a5fa;--body-font: "Inter", sans-serif;--title-font: "Outfit", sans-serif;--big-font-size: 3.5rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000}@media screen and (min-width: 968px){:root{--big-font-size: 4.5rem;--h1-font-size: 3rem;--h2-font-size: 2rem;--h3-font-size: 1.5rem;--normal-font-size: 1.125rem;--small-font-size: 1rem;--smaller-font-size: .875rem}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{background-color:var(--body-color);color:var(--text-color);font-family:var(--body-font);font-size:var(--normal-font-size);transition:.3s}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}h1,h2,h3,h4{color:var(--title-color);font-family:var(--title-font);font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{max-width:1024px;margin-inline:auto;padding-inline:1.5rem}.grid{display:grid;gap:1.5rem}.section{padding:4.5rem 0 2rem}.section__title{font-size:var(--h1-font-size);margin-bottom:.5rem;text-align:center}.section__subtitle{display:block;font-size:var(--small-font-size);margin-bottom:3rem;color:var(--text-color-light);text-align:center}.center{text-align:center}.accent{color:var(--accent-color)}.text-gradient{background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.hidden-card{visibility:hidden}@media screen and (min-width: 768px){.hidden-card{display:block}}@media screen and (max-width: 767px){.hidden-card{display:none}}.hidden-element{opacity:0;transform:translateY(30px);transition:all .8s ease}.show-element{opacity:1;transform:translateY(0)}.delay-200{transition-delay:.2s}.delay-400{transition-delay:.4s}.header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:#0f0f14cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo{font-size:var(--h2-font-size);font-weight:var(--font-bold);color:var(--title-color);font-family:var(--title-font)}.nav__list{display:flex;column-gap:2rem}.nav__link{font-weight:var(--font-medium);transition:.3s;position:relative}.nav__link:hover,.active-link{color:var(--accent-color)}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s}.nav__link:hover:after,.active-link:after{width:100%}.nav__toggle,.nav__close{display:none;font-size:1.5rem;cursor:pointer;color:var(--title-color)}.button{display:inline-block;padding:1rem 2rem;border-radius:.5rem;font-weight:var(--font-medium);transition:.3s;cursor:pointer}.button--primary{background-color:var(--accent-color);color:var(--body-color);box-shadow:0 4px 12px #00f2ea4d}.button--primary:hover{box-shadow:0 6px 16px #00f2ea80;transform:translateY(-2px)}.button--secondary{background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color);margin-left:1rem}.button--secondary:hover{background-color:#00f2ea1a}.button--ghost{padding:.5rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:2rem}.button--ghost:hover{border-color:var(--accent-color);color:var(--accent-color)}.home__container{padding-top:4rem;grid-template-columns:1fr 1fr;align-items:center}.home__badge{display:inline-block;background-color:#ffffff1a;padding:.5rem 1rem;border-radius:2rem;font-size:var(--smaller-font-size);margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.home__title{font-size:var(--big-font-size);line-height:1.1;margin-bottom:1rem}.home__subtitle{font-size:var(--h2-font-size);margin-bottom:1.5rem;color:var(--text-color-light);height:100px}.home__description{margin-bottom:2.5rem;max-width:450px;line-height:1.6}.cursor{display:inline-block;width:2px;background-color:var(--accent-color);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.home__visual{position:relative;display:flex;justify-content:center}.code-block{background:#1e1e2e;border-radius:12px;padding:1.5rem;width:100%;max-width:450px;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.code-header{display:flex;gap:8px;margin-bottom:1rem}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}pre{font-family:Fira Code,monospace;font-size:.9rem;color:#a9b7c6;overflow-x:auto}.glow-effect{position:absolute;width:300px;height:300px;background:var(--accent-color);filter:blur(100px);opacity:.2;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%)}.about__container{grid-template-columns:1fr;text-align:center}.about__description{max-width:700px;margin:0 auto 2rem;line-height:1.8}.about__info{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.about__box{background-color:var(--container-color);padding:1.5rem 2rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05);transition:.3s;width:180px}.about__box:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px #0003}.about__icon{font-size:1.5rem;color:var(--accent-color);margin-bottom:.5rem}.about__title{font-size:var(--normal-font-size);margin-bottom:.25rem}.about__subtitle{font-size:var(--small-font-size);color:var(--text-color-light)}.skills__container{grid-template-columns:repeat(2,1fr)}.skills__content{background-color:var(--container-color);padding:2rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.05)}.skills__title{font-size:var(--h3-font-size);margin-bottom:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.skills__box{display:flex;justify-content:center;column-gap:2.5rem}.skills__group{display:grid;align-content:flex-start;row-gap:1.5rem}.skills__data{display:flex;column-gap:.5rem}.skills__data i{font-size:1rem;color:var(--accent-color);margin-top:.25rem}.skills__name{font-size:var(--normal-font-size);font-weight:var(--font-medium);line-height:18px}.skills__level{font-size:var(--smaller-font-size);color:var(--text-color-light)}.projects__container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projects__card__home{background-color:var(--container-color);border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:.4s;height:100%;display:flex;flex-direction:column;cursor:pointer}.projects__card__home:hover{transform:translateY(-10px);box-shadow:0 15px 40px #8885854d;border-color:#ffffff1a}.projects__card__android{background-color:var(--container-color);border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:.4s;height:100%;display:flex;flex-direction:column}.projects__card__android:hover{transform:translateY(-10px);box-shadow:0 15px 40px #8885854d;border-color:#ffffff1a}.projects__image{height:200px;overflow:hidden;position:relative}.projects__placeholder{width:100%;height:100%;transition:.4s}.projects__imagen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:.4s;z-index:2}.projects__card__home:hover .projects__imagen{transform:translate(-50%,-50%) scale(1.1)}.projects__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:.4s;z-index:2}.projects__card__android:hover .projects__icon{transform:translate(-50%,-50%) scale(1.1)}.gradient-projects{background:linear-gradient(0deg,#505050,#505050)}.gradient-app-henteri-music{background:linear-gradient(45deg,#2a2a72,#009ffd)}.gradient-app-address-finder{background:linear-gradient(45deg,#134e5e,#71b280)}.gradient-app-pvs-calc{background:linear-gradient(45deg,#833ab4,#fd1d1d)}.gradient-app-brain-game{background:linear-gradient(45deg,#b4893a,#94fd1d)}.gradient-app-infinity-energy-button{background:linear-gradient(45deg,#b43a58,#1d64fd)}.gradient-app-rocks{background:linear-gradient(45deg,#3ab458,#fdb61d)}.gradient-app-ad-in-geom{background:linear-gradient(45deg,#833ab4,#1dfd82)}.gradient-app-easy-game-to-win{background:linear-gradient(45deg,#3ab477,#ea1dfd)}.gradient-app-step-counter{background:linear-gradient(45deg,#2a2a72,#009ffd)}.gradient-app-labyrinth{background:linear-gradient(45deg,#134e5e,#71b280)}.gradient-app-reverse-clock{background:linear-gradient(45deg,#833ab4,#fd1d1d)}.projects__img{width:100%;height:100%;object-fit:cover;transition:.4s}.projects__card__home:hover .projects__img,.projects__card__home:hover .projects__placeholder,.projects__card__android:hover .projects__img,.projects__card__android:hover .projects__placeholder{transform:scale(1.1)}.projects__content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.projects__title{font-size:var(--h3-font-size);margin-bottom:.5rem}.projects__description{font-size:var(--small-font-size);margin-bottom:1.5rem;color:var(--text-color-light);flex-grow:1}.play-store-badge{display:inline-block;margin-bottom:1.5rem;transition:transform .3s}.play-store-badge img{height:100px;width:auto}.play-store-badge:hover{transform:scale(1.05)}.projects__tags{display:flex;gap:.5rem;margin-bottom:1.5rem}.projects__tags span{font-size:var(--smaller-font-size);background-color:#ffffff0d;padding:.25rem .75rem;border-radius:1rem}.projects__buttons{display:flex;gap:1rem}.projects__link{font-size:var(--small-font-size);display:flex;align-items:center;gap:.25rem;transition:.3s}.projects__link:hover,.projects__card__home:hover .projects__link{color:var(--accent-color)}.contact__container{grid-template-columns:repeat(2,1fr);align-items:center;column-gap:3rem}.contact__title{font-size:var(--h2-font-size);margin-bottom:.5rem}.contact__description{margin-bottom:2rem}.contact__info{display:grid;row-gap:1.5rem;margin-bottom:2rem}.contact__card{display:flex;align-items:center;column-gap:1rem}.contact__card i{font-size:2rem;color:var(--accent-color)}.contact__social{display:flex;column-gap:1.25rem}.contact__social-link{font-size:1.5rem;color:var(--text-color);transition:.3s}.contact__social-link:hover{color:var(--accent-color);transform:translateY(-3px)}.contact__form{background-color:var(--container-color);padding:2.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05)}.contact__form-div{margin-bottom:1.5rem}.contact__form-tag{display:block;font-size:var(--smaller-font-size);margin-bottom:.5rem;font-weight:var(--font-medium)}.contact__form-input{width:100%;background-color:var(--body-color);border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:.5rem;color:var(--text-color);font-family:var(--body-font);outline:none;transition:.3s}.contact__form-input:focus{border-color:var(--accent-color)}.contact__form-area textarea{resize:none;height:150px}.footer{background-color:var(--container-color);padding:.2rem 0;border-top:1px solid rgba(255,255,255,.05)}.footer__container{display:flex;flex-direction:column;align-items:center}.footer__title{font-size:var(--h1-font-size);margin-bottom:.1rem}.footer__list{display:flex;column-gap:2rem}.footer__link:hover{color:var(--accent-color)}.footer__copy{font-size:var(--smaller-font-size);color:var(--text-color-light);margin-top:.7rem;margin-bottom:2rem}.scrollup{position:fixed;right:1.5rem;bottom:-20%;background-color:var(--accent-color);opacity:.8;padding:.5rem;border-radius:.5rem;z-index:var(--z-tooltip);transition:.4s;color:var(--body-color)}.scrollup:hover{cursor:pointer;transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 4px 12px #00f2ea33;transform:translateY(-3px)}.show-scroll{bottom:5.5rem}.footer{background-color:var(--container-color);padding:3rem 0 2rem;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10}@media screen and (max-width: 768px){.nav__menu{position:fixed;top:0;right:-100%;background-color:#0f0f14;width:80%;height:100%;padding:6rem 2rem 0;transition:.4s;z-index:var(--z-fixed);box-shadow:-2px 0 4px #00000026}.show-menu{right:0;height:auto}.nav__list{display:flex;flex-direction:column;row-gap:2.5rem}.nav__close{display:block;position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;cursor:pointer;color:var(--title-color);transition:color .3s}.nav__close:hover{color:var(--accent-color)}.nav__toggle{display:block}.home__container{grid-template-columns:1fr;text-align:center}.home__buttons{justify-content:center}.home__visual{margin-top:3rem}.skills__container{grid-template-columns:1fr}.contact__container{grid-template-columns:1fr;row-gap:3rem}.contact{padding-bottom:12rem}.footer{padding-bottom:6rem}}@media screen and (max-width: 350px){.nav__list{grid-template-columns:repeat(2,1fr)}.home__buttons{flex-direction:column;gap:1rem}.button--secondary{margin-left:0}}.grecaptcha-badge{filter:invert(1) hue-rotate(180deg);opacity:.8;transition:opacity .3s}.grecaptcha-badge:hover{opacity:1}.success-message{background:linear-gradient(135deg,#1e6b1b,#3c60ff);color:#fff;font-weight:500;animation:slideIn .3s ease-out}.error-message{background:linear-gradient(135deg,#ff2b2b,#fca440);color:#fff;font-weight:500;animation:shake .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}button:disabled{opacity:.6;cursor:not-allowed}.contact__form .button{border:none;font-family:var(--body-font);font-size:var(--normal-font-size)}.contact__form .button--primary{background-color:#10b981;color:var(--body-color);box-shadow:0 4px 12px #10b9814d}.contact__form .button--primary:hover:not(:disabled){box-shadow:0 6px 16px #10b98180;transform:translateY(-2px)}.contact__form .button--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button--primary{background-color:#10b981!important;box-shadow:0 4px 12px #10b9814d!important}.button--primary:hover{box-shadow:0 6px 16px #10b98180!important}.footer{background-color:var(--container-color);padding:1rem 0;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10}.footer__container{text-align:center}.footer__title{font-size:var(--h2-font-size);margin-bottom:.5rem}.footer__copy{display:block;font-size:var(--small-font-size);color:var(--text-color-light);margin:auto}@media screen and (max-width: 768px){.footer{padding:2rem 0 1.5rem}.footer__title{font-size:var(--h3-font-size)}}app-footer{display:block;width:100%;position:relative;z-index:10}.grecaptcha-badge{z-index:2147483647!important;visibility:visible!important;display:block!important}.footer__version{display:block;font-size:var(--smaller-font-size);color:var(--text-color-light);margin-top:.5rem!important;opacity:.7}