.projects{padding:4rem 1rem;background-color:transparent;text-align:center}.projects h2{font-size:2.5rem;color:var(--blurple);margin-bottom:2rem}.projects-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.project-card{background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.18);border-radius:var(--border-radius);overflow:hidden;padding:1rem;text-align:left;transition:transform .3s,box-shadow .35s,background .3s,backdrop-filter .3s,border-color .3s;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.37),inset 0 1px 0 rgba(255,255,255,.1),0 1px 2px rgba(255,255,255,.05)}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25) 50%,transparent);opacity:.8;z-index:1}.project-card img{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius);margin-bottom:1rem;transition:transform var(--transition)}.project-image-wrapper{position:relative;overflow:hidden;border-radius:var(--border-radius)}.project-image-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.project-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover;border-radius:var(--border-radius);transition:transform var(--transition)}.project-card h3{font-size:1.5rem;color:var(--blurple);margin-bottom:.5rem}.project-card p{font-size:1rem;color:var(--text);margin-bottom:1rem}.project-link{display:inline-block;padding:.6rem 1.4rem;color:var(--blurple);font-weight:600;text-decoration:none;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);transition:.3s;position:relative;box-sizing:border-box;box-shadow:0 4px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}.project-link.disabled{cursor:not-allowed;opacity:.6;padding:.6rem 1.4rem;font-size:1rem;display:inline-block;box-sizing:border-box}.project-link::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;box-shadow:0 0 15px var(--blurple,#7289da);opacity:0;transition:opacity .3s}.project-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 6px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.15)}.project-link:hover::after{opacity:1}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15),0 1px 3px rgba(255,255,255,.1);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}.project-card:hover img{transform:scale(1.05)}.project-badge{position:absolute;top:.5rem;left:.5rem;background:#ff4c4c;color:#fff;font-size:.8rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;z-index:10}.project-icons{display:flex;gap:.5rem;margin-bottom:.5rem;height:24px}.project-icons .icon{width:24px;height:24px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.project-icons .nodejs{background-image:url('https://img.icons8.com/?size=100&id=hsPbhkOH4FMe&format=png')}.project-icons .express{background-image:url('https://img.icons8.com/?size=100&id=WNoJgbzDr3i2&format=png')}.project-icons .html{background-image:url('https://img.icons8.com/?size=100&id=20909&format=png')}.project-icons .css{background-image:url('https://img.icons8.com/?size=100&id=21278&format=png')}.project-icons .js{background-image:url('https://img.icons8.com/?size=100&id=108784&format=png')}.project-icons .gtm{background-image:url('https://img.icons8.com/?size=100&id=YuG5WvSJbGoq&format=png')}.project-icons .gdpr{background-image:url('https://img.icons8.com/?size=100&id=74660&format=png')}.project-icons .gsc{background-image:url('https://cdn.worldvectorlogo.com/logos/search-console-icon-2025-1.svg')}.project-icons .ga{background-image:url('https://img.icons8.com/?size=100&id=avtI03bQMwX3&format=png')}@media (min-width:768px){.projects-container{grid-template-columns:repeat(2,1fr);gap:2.5rem}.project-card h3{font-size:1.4rem}.project-card p{font-size:1rem}.project-link,.project-link.disabled{padding:.6rem 1.2rem;font-size:1rem}}@media (min-width:1024px){.projects-container{grid-template-columns:repeat(3,1fr);gap:3rem}.project-card h3{font-size:1.5rem}.project-link,.project-link.disabled{padding:.6rem 1.4rem;font-size:1rem}}@media (max-width:480px){.projects h2{font-size:2rem}.project-card h3{font-size:1.2rem}.project-card p{font-size:.9rem}.project-link,.project-link.disabled{padding:.5rem .8rem;font-size:.9rem}}