.project-detail-page{min-height:100vh;background-color:var(--bg-color);padding:6rem 2rem 4rem}.project-detail-card{max-width:1400px;margin:0 auto;background:var(--card-bg-secondary);border:1px solid var(--border-color);border-radius:30px;padding:4rem;box-shadow:var(--shadow)}.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;border-bottom:1px solid var(--border-color)}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,var(--element-color) 0%,#5c95b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.project-badges{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:.95rem;transition:var(--transition);background:#000;color:#fff;border:1px solid rgba(255,255,255,.2)}.badge i{font-size:1.1rem;color:#fff;display:flex;align-items:center;line-height:0;margin:0}.badge span{display:inline-flex;align-items:center;line-height:1}.coming-soon{background:#71afcf33;color:var(--element-color);border:1px solid var(--border-color)}.app-store-badge,.testflight-badge{background:#000;color:#fff}.app-store-badge:hover,.testflight-badge:hover{background:#1a1a1a;border-color:var(--element-color);transform:translateY(-2px);box-shadow:0 4px 12px #71afcf4d}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.secondary-badge{background:#3d5262;color:#fff;border:1px solid rgba(255,255,255,.2)}.secondary-badge:hover{background:#4a6274;border-color:var(--element-color);transform:translateY(-2px);box-shadow:0 4px 12px #3d526280}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;width:400px;height:400px;object-fit:contain;border-radius:80px;filter:drop-shadow(0 10px 40px rgba(0,0,0,.5))}.project-sections{width:100%}.project-section{padding:2rem 0;border-bottom:1px solid var(--border-color)}.project-section:last-of-type{border-bottom:none}.project-section h2{font-size:2rem;font-weight:700;color:var(--element-color);margin-bottom:1.5rem}.project-section p{font-size:1.1rem;line-height:1.8;color:var(--text-color);margin-bottom:1rem}.project-section ul{list-style:none;padding:0}.project-section li{font-size:1.05rem;line-height:1.8;color:var(--text-color);padding:.75rem 0 .75rem 2rem;position:relative}.project-section li:before{content:"→";position:absolute;left:0;color:var(--element-color);font-weight:700}.project-section ul ul{margin-top:.5rem;margin-left:1rem}.project-section ul ul li{padding-left:1.5rem;font-size:1rem}.project-section ul ul li:before{content:"•";left:0}.project-image-gallery{margin:2rem 0;text-align:center}.project-image-gallery img{max-width:100%;border-radius:16px;box-shadow:0 8px 32px #0000004d}.image-caption{margin-top:1rem;font-style:italic;color:#fff9;font-size:.95rem}@media (max-width: 1024px){.project-hero{grid-template-columns:1fr}.hero-image{justify-content:center}.hero-image img{width:300px;height:300px}}@media (max-width: 768px){.project-detail-page{padding:5rem 1rem 2rem}.project-detail-card{padding:2rem 1.5rem}.project-hero{gap:2rem;margin-bottom:2rem;padding-bottom:2rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .badge{width:100%;justify-content:center}.hero-image img{width:250px;height:250px;border-radius:60px}.project-section{padding:1.5rem 0}.project-section h2{font-size:1.5rem}}