*{font-family: 'Sora', sans-serif}.project-details-main img, .related-projects img{border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease}.project-details-main img:hover, .related-projects img:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15)}.breadcrumb-nav{display: flex;align-items: center;gap: 8px;font-size: 14px;margin-bottom: 2rem;opacity: 0;transform: translateY(20px);animation: fadeInUp 0.6s ease forwards}.breadcrumb-link{color: rgba(255, 255, 255, 0.7);text-decoration: none;transition: color 0.3s ease}.breadcrumb-link:hover{color: white}.breadcrumb-separator{color: rgba(255, 255, 255, 0.5)}.breadcrumb-current{color: white;font-weight: 500}.project-category{display: inline-block;padding: 8px 16px;background: rgba(255, 255, 255, 0.2);border-radius: 20px;font-size: 14px;font-weight: 500;margin-bottom: 16px;backdrop-filter: blur(10px)}.project-title{font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 700;margin-bottom: 16px;line-height: 1.2}.project-subtitle{font-size: 1.25rem;margin-bottom: 32px;opacity: 0.9;line-height: 1.6}.project-featured-image{position: relative;margin-bottom: 3rem;border-radius: 12px;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease}.project-featured-image:hover{transform: translateY(-5px);box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15)}.featured-image{width: 100%;height: 400px;object-fit: cover;transition: transform 0.3s ease;border-radius: 12px}.project-main-image{position: relative;margin-bottom: 3rem;border-radius: 12px;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1)}.main-image{width: 100%;height: 400px;object-fit: cover;transition: transform 0.3s ease;border-radius: 12px}.image-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease}.project-featured-image:hover .image-overlay{opacity: 1}.project-featured-image:hover .featured-image{transform: scale(1.05)}.project-main-image:hover .image-overlay{opacity: 1}.project-main-image:hover .main-image{transform: scale(1.05)}.view-gallery-btn{font-family: 'Sora', sans-serif;background: linear-gradient(135deg, #6366f1, #8b5cf6);color: white;border: none;padding: 12px 24px;border-radius: 25px;font-weight: 600;display: flex;align-items: center;gap: 8px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4)}.view-gallery-btn:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.6)}.technologies-section{margin-top: 2rem;padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.1)}.technologies-title{font-size: 1.5rem;margin-bottom: 1.5rem;color: var(--text-primary)}.tech-tags{display: flex;flex-wrap: wrap;gap: 12px}.tech-tag{padding: 8px 16px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: white;border-radius: 20px;font-size: 14px;font-weight: 500;transition: transform 0.3s ease}.tech-tag:hover{transform: translateY(-2px)}.project-info-card{background: var(--card-bg);border-radius: 16px;padding: 2rem;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);position: sticky;top: 2rem}.info-card-title{font-size: 1.5rem;font-weight: 600;margin-bottom: 2rem;color: var(--text-primary)}.project-info-list{margin-bottom: 2rem}.info-item{display: flex;justify-content: space-between;align-items: center;padding: 1rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1)}.info-item:last-child{border-bottom: none}.info-label{font-weight: 500;color: var(--text-secondary);font-size: 14px}.info-value{font-weight: 600;color: var(--text-primary)}.project-actions{display: flex;flex-direction: column;gap: 12px;margin-bottom: 2rem}.project-actions .btn{font-family: 'Sora', sans-serif;display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;border-radius: 25px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;width: 100%;background: linear-gradient(135deg, #6366f1, #8b5cf6);color: #ffffff;border: none;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4)}.project-actions .btn:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.6)}.btn-secondary{background: transparent;color: #ffffff;border: 2px solid rgba(255, 255, 255, 0.3);box-shadow: none}.btn-secondary:hover{background: rgba(255, 255, 255, 0.1);color: white;transform: translateY(-2px)}.social-share{padding-top: 2rem;border-top: 1px solid rgba(255, 255, 255, 0.1)}.social-share h4{font-size: 1rem;font-weight: 600;margin-bottom: 1rem;color: var(--text-primary)}.social-links{display: flex;gap: 12px}.social-link{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: rgba(255, 255, 255, 0.1);border-radius: 50%;color: var(--text-secondary);text-decoration: none;transition: all 0.3s ease}.social-link:hover{background: var(--primary-color);color: white;transform: translateY(-2px)}.project-challenges{margin-top: 4rem}.challenges-content{margin-top: 2rem}.challenge-item{display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;align-items: center;margin-bottom: 4rem;padding: 2rem;background: rgba(255, 255, 255, 0.02);border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.05)}.challenge-item.reverse{direction: rtl}.challenge-item.reverse > *{direction: ltr}.challenge-text h3{font-size: 1.5rem;font-weight: 600;margin-bottom: 1rem;color: var(--text-primary)}.challenge-list{list-style: none;padding: 0}.challenge-list li{position: relative;padding-left: 1.5rem;margin-bottom: 0.5rem;color: var(--text-secondary);line-height: 1.6}.challenge-list li::before{content: '•';position: absolute;left: 0;color: var(--primary-color);font-weight: bold}.challenge-image{border-radius: 12px;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease}.challenge-image:hover{transform: translateY(-3px);box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15)}.challenge-image img{width: 100%;height: 300px;object-fit: cover;transition: transform 0.3s ease;border-radius: 12px}.challenge-image:hover img{transform: scale(1.05)}.related-projects{padding: 4rem 0;background: rgba(255, 255, 255, 0.02)}.related-projects-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-top: 40px}.related-project-card{background: var(--card-bg);border-radius: 12px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;text-decoration: none;color: inherit}.related-project-card:hover{transform: translateY(-8px);box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15)}.related-project-image{height: 200px;overflow: hidden;position: relative}.related-project-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.related-project-card:hover .related-project-image img{transform: scale(1.05)}.related-project-content{padding: 24px}.related-project-category{font-size: 14px;color: var(--primary-color);font-weight: 500;margin-bottom: 8px}.related-project-title{font-size: 1.25rem;font-weight: 600;margin-bottom: 12px;color: var(--text-primary)}.related-project-description{font-size: 14px;color: var(--text-secondary);line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-clamp: 3;overflow: hidden}.loading-placeholder{background: linear-gradient(90deg, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.1) 75%);background-size: 200% 100%;animation: shimmer 1.5s infinite;border-radius: 4px}.loading-text{height: 20px;margin-bottom: 12px}.loading-title{height: 40px;margin-bottom: 16px}@keyframes shimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}@media (max-width: 1024px){.challenge-item{grid-template-columns: 1fr;gap: 2rem}.challenge-item.reverse{direction: ltr}.project-info-card{position: static;margin-top: 2rem}}@media (max-width: 768px){.project-title{font-size: 2.5rem}.project-subtitle{font-size: 1.1rem}.project-featured-image, .project-main-image{margin-bottom: 2rem}.featured-image, .main-image{height: 250px}.challenge-item{padding: 1.5rem;margin-bottom: 2rem}.challenge-image img{height: 200px;border-radius: 12px}.project-info-card{padding: 1.5rem}.related-projects-grid{grid-template-columns: 1fr;gap: 20px}}@media (max-width: 480px){.breadcrumb-nav{font-size: 12px;gap: 6px}.project-title{font-size: 2rem}.featured-image, .main-image{height: 200px}.challenge-item{padding: 1rem}.challenge-image img{height: 150px;border-radius: 12px}.project-actions{gap: 8px}.social-links{gap: 8px}.social-link{width: 36px;height: 36px}}@media (prefers-color-scheme: dark){.project-info-card{background: var(--dark-card-bg, #1a1a2e);box-shadow: 0 20px 40px rgba(255, 255, 255, 0.05)}.challenge-item{background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.1)}.related-project-card{background: var(--dark-card-bg, #1a1a2e);box-shadow: 0 4px 20px rgba(255, 255, 255, 0.05)}.related-project-card:hover{box-shadow: 0 12px 40px rgba(255, 255, 255, 0.1)}.loading-placeholder{background: linear-gradient(90deg, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.1) 75%);background-size: 200% 100%}}.project-cta{padding: 80px 0;background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);position: relative;overflow: hidden}.project-cta::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.1) 0%, transparent 70%);z-index: 1}.cta-content{position: relative;z-index: 2;text-align: center;max-width: 600px;margin: 0 auto;grid-template-columns: 1fr;gap: 0}.cta-title{font-size: clamp(2rem, 4vw, 3rem);font-weight: 700;margin-bottom: 1.5rem;background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1.2}.cta-description{font-size: 1.1rem;color: #cbd5e1;line-height: 1.7;margin-bottom: 2.5rem;max-width: 500px;margin-left: auto;margin-right: auto}.cta-content .btn{display: inline-flex;align-items: center;gap: 8px;padding: 16px 32px;font-size: 1.1rem;font-weight: 600;text-decoration: none;border-radius: 12px;transition: all 0.3s ease;position: relative;overflow: hidden}.cta-content .btn-primary{background: linear-gradient(135deg, #6366f1, #8b5cf6);color: white;border: none;box-shadow: 0 8px 25px rgba(99, 102, 241, 0.3)}.cta-content .btn-primary:hover{transform: translateY(-2px);box-shadow: 0 12px 35px rgba(99, 102, 241, 0.4)}.cta-content .btn-primary::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition: left 0.5s ease}.cta-content .btn-primary:hover::before{left: 100%}@media (max-width: 768px){.project-cta{padding: 60px 0}.cta-content{padding: 0 20px}.cta-title{font-size: 2rem;margin-bottom: 1rem}.cta-description{font-size: 1rem;margin-bottom: 2rem}.cta-content .btn{padding: 14px 28px;font-size: 1rem}}@media (max-width: 480px){.project-cta{padding: 50px 0}.cta-title{font-size: 1.75rem}.cta-description{font-size: 0.95rem}}