.projects-page{color:#fff;background:#050508;min-height:100vh;padding:100px 4% 60px;font-family:Inter,sans-serif;position:relative}.projects-page__back{z-index:10;position:absolute;top:30px;left:4%}.projects-page__loading{color:#fff6;background:#050508;justify-content:center;align-items:center;width:100%;min-height:100vh;font-size:1.1rem;display:flex}.projects-page__hero{text-align:center;max-width:800px;margin:0 auto 60px}.projects-page__title{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.projects-page__subtitle{color:#ffffff80;margin:0;font-size:1.1rem;line-height:1.6}.projects-page__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.project-card{background:#14141499;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;overflow:hidden}.project-card:hover{border-color:#22d3ee4d;transform:translateY(-6px);box-shadow:0 20px 40px #00000080,0 0 0 1px #22d3ee33}.project-card__image{object-fit:cover;background:#111;width:100%;height:180px}.project-card__image-placeholder{background:linear-gradient(145deg,#22d3ee0d,#22d3ee26);justify-content:center;align-items:center;width:100%;height:180px;display:flex}.project-card__icon{color:#22d3ee66}.project-card__content{flex-direction:column;flex:1;padding:24px;display:flex}.project-card__name{color:#fff;margin:0 0 10px;font-size:1.4rem;font-weight:700;line-height:1.3}.project-card__desc{color:#fff9;flex:1;margin:0 0 20px;font-size:.95rem;line-height:1.6}.project-card__tech{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.project-card__tag{color:#22d3eee6;letter-spacing:.05em;text-transform:uppercase;background:#22d3ee1a;border:1px solid #22d3ee33;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600}.project-card__actions{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:12px;padding-top:16px;display:flex}.project-card__actions a{text-decoration:none}.project-card__link{color:#ffffffe6;background:#0f0f0fd9;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}.project-card__link:hover{color:#fff;background:#1e1e1ee6;border-color:#ffffff26;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff1a}@media (max-width:768px){.projects-page{padding-top:80px}.projects-page__back{top:20px}.projects-page__hero{margin-bottom:40px}}