.project-hero-content{animation:.8s ease-out fadeInUp}.project-section{opacity:0;animation:.6s ease-out forwards fadeInSection;transform:translateY(30px)}.project-section:first-of-type{animation-delay:.2s}.project-section:nth-of-type(2){animation-delay:.4s}.project-section:nth-of-type(3){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSection{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.project-hero-content,.project-section{opacity:1;animation:none;transform:none}}.project-nav{padding:var(--spacing-lg)0;border-bottom:1px solid rgba(59,130,246,.15);margin-bottom:5px;position:relative}.project-nav:after{content:"";background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.3) 50%,transparent 100%);width:100%;height:1px;position:absolute;bottom:0;left:0}.back-link{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-link:hover{color:var(--color-accent-primary);background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);transform:translate(-4px)}.project-hero{padding:var(--spacing-2xl)0;text-align:center;background:linear-gradient(135deg,rgba(59,130,246,.03) 0%,transparent 50%,rgba(139,92,246,.03) 100%);position:relative}.project-hero:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-accent-primary)50%,transparent 100%);opacity:.6;width:200px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.project-hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.project-title{font-size:max(2.5rem,min(5vw,4rem));font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xl);color:var(--color-text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text-primary)0%,var(--color-accent-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-subtitle{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);opacity:.9;max-width:700px;margin-left:auto;margin-right:auto}.project-meta{align-items:center;gap:var(--spacing-xl);flex-direction:column;display:flex}.project-status{justify-content:center;display:flex}.status-badge{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px rgba(59,130,246,.3)}.project-links{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.project-link{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-sm);text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.project-link:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.project-link:hover:before{left:100%}.project-link.primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;box-shadow:0 4px 15px rgba(59,130,246,.3)}.project-link.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.project-link.secondary{color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.project-link.secondary:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);transform:translateY(-3px);box-shadow:0 8px 25px rgba(59,130,246,.2)}.project-link.disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.project-section{padding:var(--spacing-2xl)0;border-bottom:1px solid rgba(59,130,246,.1);position:relative}.project-section:last-of-type{border-bottom:none}.project-section:after{content:"";background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.3) 50%,transparent 100%);width:60%;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.project-section:last-of-type:after{display:none}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);text-align:center;color:var(--color-text-primary);letter-spacing:-.01em;position:relative}.section-title:before{content:"";background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-full);width:40px;height:3px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.tech-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:900px;margin:0 auto;display:grid}.tech-badge-large{padding:var(--spacing-lg)var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(59,130,246,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tech-badge-large:before{content:"";background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.tech-badge-large:hover:before{left:100%}.tech-badge-large:hover{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(139,92,246,.15) 100%);border-color:rgba(59,130,246,.4);transform:translateY(-4px);box-shadow:0 8px 25px rgba(59,130,246,.2)}.project-details-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1200px;margin:0 auto;display:grid}.detail-section{border-radius:var(--radius-lg);padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,rgba(139,92,246,.05) 100%);border:1px solid rgba(59,130,246,.15);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.detail-section:before{content:"";background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));opacity:0;height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.detail-section:hover:before{opacity:1}.detail-section:hover{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(139,92,246,.08) 100%);border-color:rgba(59,130,246,.3);transform:translateY(-6px);box-shadow:0 15px 35px rgba(59,130,246,.15)}.detail-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--color-accent-primary);align-items:center;gap:var(--spacing-sm);letter-spacing:-.01em;display:flex}.detail-title:before{content:"";background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-sm);flex-shrink:0;width:4px;height:1.8rem}.detail-list{margin:0;padding:0;list-style:none}.detail-list li{padding:var(--spacing-md)0;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--spacing-xl);border-bottom:1px solid rgba(59,130,246,.1);transition:all .3s;position:relative}.detail-list li:last-child{border-bottom:none}.detail-list li:hover{color:var(--color-text-primary);padding-left:calc(var(--spacing-xl) + 4px)}.detail-list li:before{content:"→";left:0;top:var(--spacing-md);color:var(--color-accent-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);transition:all .3s;position:absolute}.detail-list li:hover:before{color:var(--color-accent-secondary);transform:translate(2px)}@media (max-width:1024px){.project-details-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.project-nav{padding:var(--spacing-md)0}.project-hero{padding:var(--spacing-xl)0}.project-title{margin-bottom:var(--spacing-lg);font-size:max(2rem,min(4vw,2.5rem))}.project-subtitle{font-size:var(--font-size-md);margin-bottom:var(--spacing-xl)}.project-meta{gap:var(--spacing-lg)}.project-links{align-items:center;gap:var(--spacing-sm);flex-direction:column}.project-link{text-align:center;justify-content:center;width:100%;max-width:280px}.tech-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.project-details-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.detail-section{padding:var(--spacing-xl)}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl)}.detail-title{font-size:var(--font-size-lg)}}@media (max-width:640px){.back-link{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs)}.project-hero:before{width:120px}.tech-grid{grid-template-columns:1fr}.tech-badge-large{padding:var(--spacing-md)var(--spacing-lg)}}@media (max-width:480px){.project-nav{padding:var(--spacing-sm)0;margin-bottom:var(--spacing-lg)}.project-hero{padding:var(--spacing-lg)0}.project-title{margin-bottom:var(--spacing-md);font-size:max(1.75rem,min(4vw,2rem))}.project-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.project-section{padding:var(--spacing-xl)0}.detail-section{padding:var(--spacing-lg);border-radius:var(--radius-md)}.detail-title{font-size:var(--font-size-md);margin-bottom:var(--spacing-lg)}.detail-list li{padding:var(--spacing-sm)0;padding-left:var(--spacing-lg)}.detail-list li:hover{padding-left:calc(var(--spacing-lg) + 2px)}}