:root{--body-bg:radial-gradient(circle at 50% 50%, #201f30, #030712);--text-primary:#fff;--text-secondary:#ffffff8a;--glass-bg:#ffffff08;--glass-border:1px solid #ffffff0d;--glass-hover:#ffffff1a;--link-active:radial-gradient(circle at 10% 50%, #8b93ff8f, #5c5b5b1c);--radius:5px;--speed:.3s all ease-in-out;--badge-clr:#333;--clr-1:#000;--clr-2:#a1a1aa;--clr-3:#fafafa;--clr-4:#fff;--clr-5:#27272a;--clr-6:#09090b;--f-xs:.6rem;--f-sm:.75rem;--f-s:.8rem;--f-base:1rem;--f-m:1.5rem;--f-l:2.5rem}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{background:var(--body-bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,sans-serif;line-height:1.5}ul,ol{list-style-type:none}a{text-decoration:none;display:flex}.section__title{background:var(--link-active);border-radius:var(--radius);margin-bottom:1rem;padding:.5rem}main,.mx{color:#fff;width:98%;max-width:800px;margin:.5rem auto}main{animation:1s alternate fade}section{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius);margin:1rem 0;padding:1rem}@keyframes fade{0%{opacity:0}to{opacity:1}}.nav__hader{z-index:10;width:100%;position:sticky;top:0}.nav{border-radius:var(--radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:.2rem;display:flex}.nav__links{align-items:center;gap:10px;padding:.3rem;list-style-type:none;display:flex}.nav__link{color:var(--text-primary);border-radius:var(--radius);transition:var(--speed);border:var(--glass-border);align-items:center;padding:.2rem 1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav__link:before{content:"";background:var(--link-active);z-index:-1;border-radius:var(--radius);width:0;height:100%;transition:var(--speed);position:absolute;left:0}.nav__link:hover:before,.nav__link.active:before{width:100%}.social__icons{align-items:center;gap:10px;display:flex}.social__box{border:var(--glass-border);background:var(--glass-bg);cursor:pointer;width:30px;height:30px;transition:var(--speed);border-radius:50%;justify-content:center;align-items:center;display:flex}.social__box a{color:var(--text-primary)}.social__box svg{transition:var(--speed)}.social__box:hover{background:var(--glass-hover)}.social__box:hover svg{transform:scale(1.2)}.home__content{justify-content:space-between;gap:30px;display:flex}.home__content img{object-fit:cover;border-radius:20px;width:250px;max-width:100%;display:block}.home__title{flex-direction:column;align-items:start;gap:10px;display:flex}.home__title h1{font-size:var(--f-l)}.home__title h2{font-size:var(--f-m);color:var(--text-secondary)}.home__title p{color:var(--text-secondary);font-size:var(--f-sm)}.home__title button a{color:var(--text-primary)}.skill__slider{width:100%;position:relative;overflow:hidden}.skill__track{gap:16px;width:max-content;animation:60s linear infinite slide;display:flex}.skill__item{background:var(--glass-bg);color:var(--text-secondary);border:var(--glass-border);border-radius:var(--radius);font-size:var(--f-sm);padding:.2rem .6rem;display:block}.skill__slider:hover .skill__track{animation-play-state:paused}.skill__item:focus~.skill__track,.skill__item:focus{outline:2px solid var(--text-primary)}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech__skills{flex-direction:column;gap:10px;display:flex}.tech__skill{border:var(--glass-border);background:var(--glass-bg);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--f-s);padding:.5rem}@media screen and (width<=767px){.home__content img{width:200px}}@media screen and (width<=500px){.home__content{text-align:center;flex-direction:column;align-items:center}.home__title{align-items:center}}button{background:var(--glass-bg);border:var(--glass-border);cursor:pointer;border-radius:var(--radius);letter-spacing:2px;color:var(--text-primary);transition:var(--speed);text-transform:capitalize;outline:none;padding:4px 16px;font-weight:600}button:hover{background-color:var(--glass-hover)}button:active{transform:scale(.95)}.btn__container{border-radius:50px;justify-content:center;place-self:center;align-items:center;gap:10px;width:max-content;padding:.5rem;display:flex}.btn__container button{border-radius:var(--radius);font-size:var(--f-sm)}.btn__container button.active{background:#016db6}.project__list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:2rem;display:grid}.project__card{border:var(--glass-border);background:var(--glass-bg);border-radius:var(--radius);flex-direction:column;gap:10px;padding:1rem;display:flex;overflow:hidden}.project__card img{object-fit:cover;aspect-ratio:2;max-width:100%;height:auto;transition:var(--speed);border-radius:10px}.project__card:hover img{transform:scale(1.05);box-shadow:0 0 15px #0ff3,0 0 40px #00ffff1a,0 0 70px #00ffff1a}.project__title h3{text-transform:capitalize;padding:0 .1rem}.badge__box{align-items:center;gap:10px;margin:.5rem 0;display:flex}.project__badge{border-radius:var(--radius);font-size:var(--f-xs);text-transform:uppercase;color:var(--badge-clr);border:1px solid var(--badge-clr);background:rgba(from var(--badge-clr) r g b / .1);padding:0 .5rem;display:inline-block}.react{--badge-clr:#00ffc8}.css{--badge-clr:#008cff}.js{--badge-clr:#f1e05a}.html{--badge-clr:#e34c26}.bootstrap{--badge-clr:#72c7ff}.project__title h3{color:var(--text-secondary)}.project__actions{align-items:center;gap:10px;display:flex}.project__actions .project__button{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--f-s);text-transform:capitalize;transition:var(--speed);letter-spacing:1px;padding:4px 16px}.project__actions .project__button:active{transform:scale(.95)}.project__actions .project__button:hover{background:var(--glass-hover)}.contact__list{flex-direction:column;gap:10px;display:flex}.contact__list .contact__btn{border:var(--glass-border);color:var(--text-primary);background:var(--glass-bg);border-radius:var(--radius);text-transform:capitalize;padding:.5rem}.contact__list .contact__btn:hover{background:var(--glass-hover)}.linkedin:hover{border-radius:var(--radius);background:#005582}.e-posta:hover{border-radius:var(--radius);background:#c5221f}.cv:hover{border-radius:var(--radius);background:#455a64}.github:hover{border-radius:var(--radius);background:#444d56}.footer{border-top:1px solid #222;padding:1rem}.footer__container{flex-direction:column;align-items:center;gap:20px;display:flex}.footer__links{gap:20px;list-style:none;display:flex}.footer__link{color:#aaa;text-decoration:none;transition:all .2s}.footer__link:hover{color:#fff}.footer__social{gap:15px;list-style:none;display:flex}.footer__icon{color:#aaa;transition:all .2s}.footer__icon:hover{color:#fff}.footer__copy{color:#666;font-size:.85rem}