@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.project{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.project:hover{border-color:#fff3;transform:translateY(-4px)}.project__thumbnail{background:#ffffff0d;width:100%;height:200px;overflow:hidden}.project__thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project__thumbnail:hover img{transform:scale(1.05)}.project__body{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.project__title{color:#fff;font-size:1rem;font-weight:700}.project__desc{color:#ffffff8c;flex:1;font-size:.85rem;line-height:1.6}.project__skills{flex-wrap:wrap;gap:.4rem;display:flex}.project__skill{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:.25rem .6rem;font-size:.7rem}.project__skill--more{background:#ffffff1f;font-weight:600}.project-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:0 4rem 5rem;display:grid}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#0e0d11e6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 4rem;display:flex;position:sticky;top:0}.header__brand{flex-direction:column;gap:.5rem;display:flex}.header__logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.header__avatar{color:#fff;background:#ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.header__info{flex-direction:column;gap:.1rem;display:flex}.header__name{color:#fff;font-size:1rem;font-weight:700}.header__role{color:#ffffff73;font-size:.75rem}.header__skills{flex-wrap:wrap;gap:.4rem;padding-left:3.2rem;display:flex}.header__skill{color:#fff9;background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;padding:.2rem .6rem;font-size:.7rem}.header__nav{flex-shrink:0;align-items:center;gap:2rem;display:flex}.header__link{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .2s}.header__link:hover{color:#fff}.header__link--cv{color:#0e0d11;background:#fff;border-radius:4px;padding:.5rem 1.2rem;font-weight:600}.header__link--cv:hover{color:#0e0d11;background:#ffffffd9}.landing__banner{width:100%;height:400px;position:relative;overflow:hidden}.landing__banner-img{object-fit:cover;object-position:center 40%;width:100%;height:100%;display:block}.landing__banner-overlay{background:linear-gradient(#0e0d114d 0%,#0e0d11d9 100%);position:absolute;inset:0}.landing__content{max-width:900px;padding:3rem 4rem 4rem}.landing__title{background:linear-gradient(135deg,#fff 60%,#fff6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.landing__desc{color:#fff9;max-width:700px;font-size:1rem;line-height:1.8}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__main{flex:1}.footer{text-align:center;border-top:1px solid #ffffff14;padding:2rem 4rem}.footer__text{color:#fff6;font-size:.8rem}.article{margin-bottom:2.5rem}.article__title{color:#fff;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.article__desc{color:#ffffffa6;font-size:.95rem;line-height:1.8}.home__loading{color:#fff6;padding:4rem}.home__conclusion{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;max-width:800px;margin:0 4rem 5rem;padding:2.5rem}.home__conclusion-title{color:#fff;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.home__conclusion-text{color:#ffffffa6;font-size:.95rem;line-height:1.8}.notfound{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.notfound__code{color:#ffffff1a;font-size:6rem;font-weight:900}.notfound__msg{color:#ffffff80}.notfound__link{color:#fff;font-size:.9rem;text-decoration:underline}.project-sheet{max-width:1100px;margin:0 auto;padding:2rem 4rem 5rem}.project-sheet__loading{color:#fff6;padding:4rem}.project-sheet__back{margin-bottom:2rem}.project-sheet__back-link{color:#ffffff80;font-size:.9rem;text-decoration:none;transition:color .2s}.project-sheet__back-link:hover{color:#fff}.project-sheet__hero{margin-bottom:3rem}.project-sheet__hero-img{object-fit:cover;border:1px solid #ffffff14;border-radius:12px;width:100%;height:420px}.project-sheet__thumbs{gap:.75rem;margin-top:1rem;display:flex}.project-sheet__thumb{object-fit:cover;cursor:pointer;opacity:.6;border:2px solid #ffffff1a;border-radius:6px;width:80px;height:60px;transition:opacity .2s,border-color .2s}.project-sheet__thumb:hover{opacity:.9}.project-sheet__thumb--active{opacity:1;border-color:#fff}.project-sheet__content{grid-template-columns:1fr 260px;align-items:start;gap:3rem;display:grid}.project-sheet__title{margin-bottom:1rem;font-size:2rem;font-weight:800}.project-sheet__intro{color:#fff9;border-bottom:1px solid #ffffff14;margin-bottom:2.5rem;padding-bottom:2rem;font-size:1rem;line-height:1.7}.project-sheet__skills{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:sticky;top:100px}.project-sheet__skills-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.project-sheet__skill{color:#fffc;background:#ffffff12;border-radius:6px;padding:.4rem .75rem;font-size:.8rem}*{color:#fff;margin:0;padding:0;font-family:Montserrat}html,body{width:100%;height:100%}body{background-color:#0e0d11}