.project-detail-page{min-height:100vh;padding:2rem 0}.project-detail-content{max-width:1200px;margin:0 auto;padding:0 1rem}.project-detail__hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;align-items:start}@media(max-width:768px){.project-detail__hero{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}}.project-detail__image{border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.project-detail__image img{width:100%;height:auto;display:block}.project-detail__info{display:flex;flex-direction:column;gap:1.5rem}.project-detail__header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.project-detail__title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}@media(max-width:768px){.project-detail__title{font-size:2rem}}.project-detail__description{font-size:1.1rem;line-height:1.7;color:#e0e0e0;margin:0}.project-detail__stats{margin-top:1rem}.project-detail__metrics{display:flex;gap:2rem;flex-wrap:wrap}@media(max-width:768px){.project-detail__metrics{gap:1.5rem}}.metric{display:flex;flex-direction:column;align-items:center;text-align:center}.metric__value{font-size:1.5rem;font-weight:700;color:#0be779;margin-bottom:.25rem}.metric__label{font-size:.9rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.project-detail__features,.project-detail__technologies{margin-bottom:3rem}.project-detail__features h3,.project-detail__technologies h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.technologies-grid{display:flex;flex-wrap:wrap;gap:1rem}.technologies-grid .tech-badge{margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:1rem}}.feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.feature-item:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.feature-icon{font-size:1.2rem;color:#0be779;font-weight:700}.feature-text{font-size:1rem;color:#e0e0e0;line-height:1.5}.project-detail__actions{margin-top:4rem;text-align:center}.action-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center;max-width:600px;margin:0 auto}.action-button{text-decoration:none;transition:transform .2s ease;display:inline-block}.action-button:hover{transform:translateY(-2px)}.app-store-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.app-store-buttons{flex-direction:column;align-items:center}}@media(max-width:480px){.project-detail-content{padding:0 .5rem}.project-detail__title{font-size:1.75rem}.project-detail__description{font-size:1rem}.metric__value{font-size:1.25rem}.metric__label{font-size:.8rem}}