.project-details{padding:40px 20px;max-width:1200px;margin:0 auto}.project-details__back{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-muted);font-size:1rem;font-weight:500;margin-bottom:2rem;padding:.75rem 1.5rem;border-radius:var(--radius-5);background:rgba(var(--color-ui-2-rgb),.5);border:1px solid rgba(255,255,255,.05);transition:all .3s ease;text-decoration:none}.project-details__back:hover{color:var(--color-white);background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary);transform:translateX(-5px)}.project-details__image-full{width:100%;margin:0 auto 2rem;border-radius:var(--radius-3);overflow:hidden;box-shadow:0 4px 32px rgba(0,0,0,.2)}.project-details__image-full img{width:100%;height:400px;object-fit:cover;display:block}.project-details h1{text-align:center;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:1.5rem 0 3rem}.project-details__content-row{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:3rem;justify-content:space-between}.project-details__description-col{flex:2 1 400px;min-width:300px}.project-details__description-col h2{font-size:1.8rem;font-weight:600;color:var(--color-white);margin-bottom:1rem}.project-details__description-col p{font-size:1.1rem;line-height:1.8;color:var(--color-muted);text-align:justify}.project-details__tech-col{flex:1 1 280px;min-width:250px}.project-details__tech-col h2{font-size:1.8rem;font-weight:600;color:var(--color-white);margin-bottom:1rem}.project-details__stack-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0;margin:0}.project-details__stack-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:rgba(var(--color-ui-2-rgb),.4);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-3);font-size:1rem;font-weight:500;color:var(--color-white);transition:all .3s ease}.project-details__stack-item:hover{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.3);transform:translateX(8px)}.project-details__stack-logo{width:32px;height:32px;object-fit:contain}.project-details__links-row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;margin-bottom:4rem}.project-details__code-btn,.project-details__demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:var(--radius-5);font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;border:none;outline:none}.project-details__demo-btn{background:linear-gradient(135deg,var(--color-primary),rgba(var(--color-primary-rgb),.7));color:var(--color-white)!important;box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.3)}.project-details__demo-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(var(--color-primary-rgb),.5)}.project-details__code-btn{background:rgba(var(--color-ui-2-rgb),.8);color:var(--color-white)!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px rgba(0,0,0,.2)}.project-details__code-btn:hover{background:rgba(var(--color-ui-2-rgb),1);border-color:rgba(var(--color-primary-rgb),.5);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3)}@media (max-width:768px){.project-details{padding:30px 15px}.project-details__image-full img{height:300px}.project-details__content-row{gap:2rem}.project-details__description-col h2,.project-details__tech-col h2{font-size:1.5rem}.project-details__description-col p{font-size:1rem;text-align:left}.project-details__links-row{flex-direction:column;align-items:stretch}.project-details__code-btn,.project-details__demo-btn{width:100%}}@media (max-width:480px){.project-details h1{font-size:1.8rem}.project-details__image-full img{height:250px}}