*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;font-family:Raleway,sans-serif}#tsparticles{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}#stars-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.navbar{-webkit-backdrop-filter:blur(6px);z-index:10;background:#0a0a0a33;justify-content:center;gap:3rem;width:100%;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.navbar a{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.85rem;text-decoration:none;transition:color .2s}.navbar a:hover{color:#2d54c9}.inicio{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100vh;display:flex;position:relative}.name{color:#fff6;letter-spacing:2px;font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:700}.name-color{color:#112766}.role{color:#fff;letter-spacing:6px;text-transform:uppercase;opacity:.6;font-size:1rem}.about{flex-direction:column;justify-content:flex-start;align-items:center;gap:11rem;min-height:auto;padding:7rem clamp(2rem,8vw,8rem) 6rem;display:flex}.about-title{letter-spacing:2px;font-family:Inter,sans-serif;font-size:4.6rem}.about-content{align-items:center;gap:10rem;width:100%;max-width:1400px;display:flex}.about-text{color:#fff;opacity:.85;text-align:left;flex:1;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.9}.skills{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.skill-row{justify-content:center;gap:2.5rem;display:flex}.skill-item{background:#ffffff0d;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:1.2rem;display:flex}.skill-item img{width:64px;height:64px}.skill-item span{color:#fff;opacity:.5;letter-spacing:1px;font-family:Inter,sans-serif;font-size:.75rem}.skill-item:hover{background:#ffffff0d;border:1px solid #2d54c999}.projects{flex-direction:column;justify-content:center;align-items:center;gap:8rem;min-height:auto;padding:7rem clamp(2rem,8vw,8rem);display:flex}.projects-title{color:#2d54c9;letter-spacing:2px;font-family:Inter,sans-serif;font-size:4.6rem}.project-featured{align-items:flex-start;gap:10rem;width:100%;max-width:1500px;display:flex}.projects-featured-list{flex-direction:column;gap:6rem;width:100%;max-width:1500px;display:flex}.project-featured--reverse{flex-direction:row-reverse}.project-featured-image{background:#ffffff0d;border:none;border-radius:12px;flex:1;height:420px;padding:1.1rem;overflow:hidden}.project-featured-image img{object-fit:cover;object-position:top;border-radius:8px;width:100%;height:100%}.project-featured-info{flex-direction:column;flex:1;gap:1.5rem;padding-top:.5rem;display:flex}.project-featured-btn{letter-spacing:1px;color:#ffffffb3;background:0 0;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:.6rem;width:fit-content;padding:.7rem 1.4rem;font-family:Inter,sans-serif;font-size:.9rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:flex}.project-featured-btn:hover{color:#2d54c9;background-color:#2d54c914;border-color:#2d54c980}.project-name{color:#fff;font-family:Inter,sans-serif;font-size:2rem;font-weight:600}.project-desc{color:#fff;opacity:.6;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:300;line-height:1.8}.projects-secondary{justify-content:center;gap:2rem;width:100%;max-width:1200px;display:flex}.project-card{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;flex:1;gap:1.2rem;max-width:400px;padding:2rem;transition:transform .3s,border-color .3s;display:flex}.project-card:hover{border-color:#2d54c966;transform:translateY(-5px)}.project-card .project-name{border-left:none;padding-bottom:8px;padding-left:0;font-size:1.1rem;display:inline-block;position:relative}.project-card .project-name:after{content:"";background:#112766;border-radius:2px;width:40px;height:2px;position:absolute;bottom:0;left:0}.project-card .project-desc{font-size:.95rem;line-height:1.7}.card-footer{flex-direction:column;align-items:flex-start;gap:.8rem;margin-top:auto;display:flex}.card-tags{flex-wrap:wrap;gap:.4rem;display:flex}.card-tag{color:#ffffff80;letter-spacing:.8px;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-family:Inter,sans-serif;font-size:.65rem;display:inline-flex}.card-tag img{width:12px;height:12px}.card-btn{letter-spacing:.5px;white-space:nowrap;color:#fff9;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;align-self:flex-end;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.75rem;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:flex}.card-btn:hover{color:#fff;background-color:#ffffff14;border-color:#ffffff4d}.about{background:linear-gradient(#0000 0%,#ffffff0d 25%)}.projects{background:#ffffff0d}.scroll-down{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;z-index:1;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-family:Inter,sans-serif;font-size:.75rem;text-decoration:none;transition:color .2s,border-color .2s;animation:2s infinite bounce;display:flex;position:absolute;bottom:2.5rem}.scroll-down:hover{color:#2d54c9;border-color:#2d54c980}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}html{scroll-behavior:smooth}.contact{background:#ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:6rem clamp(2rem,8vw,8rem);display:flex}.contact-title{color:#fff;text-align:center;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700}.contact-sub{color:#fff6;letter-spacing:1px;text-align:center;font-family:Inter,sans-serif;font-size:1rem}.contact-links{gap:1rem;margin-top:1rem;display:flex}.contact-btn{letter-spacing:.5px;color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.85rem;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s;display:flex}.contact-btn:hover{color:#2d54c9;background-color:#2d54c914;border-color:#2d54c980}.about-title,.projects-title,.contact-title{color:#fff;letter-spacing:2px;font-family:Inter,sans-serif;font-size:4.6rem;display:inline-block;position:relative}.about-title:after,.projects-title:after,.contact-title:after{content:"";background:#112766;border-radius:2px;width:120px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-divider{align-items:center;gap:1.5rem;width:100%;max-width:1500px;display:flex}.section-divider span{color:#ffffff59;letter-spacing:4px;text-transform:uppercase;white-space:nowrap;font-family:Inter,sans-serif;font-size:.85rem}.section-divider:before,.section-divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.contact-btn i{font-size:1.2rem}.footer{background:#ffffff0d;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;padding:1.5rem;display:flex}.footer-text{color:#fff;letter-spacing:1px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:300}@media (width<=1280px){.about-content,.project-featured{gap:5rem}.projects-secondary{max-width:100%}}@media (width<=1024px){.about{gap:5rem;padding:5rem 3rem 4rem}.about-content{flex-direction:column;gap:4rem}.about-text{text-align:center;max-width:600px}.project-featured{gap:3rem;flex-direction:column!important}.project-featured-image{height:280px}.projects{gap:5rem;padding:5rem 3rem}.projects-secondary{flex-wrap:wrap;justify-content:center}.project-card{flex:0 0 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (width<=768px){.about-title,.projects-title,.contact-title{font-size:2.8rem}.name{font-size:clamp(1.8rem,8vw,3rem)}.about{gap:4rem;padding:4rem 1.5rem 3rem}.projects{gap:4rem;padding:4rem 1.5rem}.project-featured-image{height:220px}.project-name{font-size:1.5rem}.project-desc{font-size:1rem}.project-card{flex:0 0 100%;max-width:100%}.contact{padding:4rem 1.5rem}.contact-links{flex-direction:column;width:100%}.contact-btn{justify-content:center}.skill-row{gap:1rem}.skill-item img{width:48px;height:48px}}@media (width<=480px){.about{padding:4rem 1.5rem 3rem}.skill-item img{width:40px;height:40px}.skill-item{padding:.8rem}.skill-row{gap:.6rem}}