.back-link{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);font-weight:500;display:flex}.back-link:hover{color:var(--color-accent);transform:translate(-5px)}.project-hero{min-height:70vh;padding-top:100px;padding-bottom:var(--space-3xl);text-align:center;z-index:1;background:linear-gradient(#7c3aed14 0%,#00d9ff0d 50%,#0000 100%);justify-content:center;align-items:center;display:flex;position:relative}.project-hero:before{content:"";filter:blur(60px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#7c3aed4d 0%,#0000 70%);width:300px;height:300px;position:absolute;top:20%;left:10%}.project-hero:after{content:"";filter:blur(60px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#00d9ff40 0%,#0000 70%);width:250px;height:250px;position:absolute;bottom:20%;right:10%}.project-hero-content{max-width:800px;padding:0 var(--space-xl)}.project-emoji{margin-bottom:var(--space-lg);filter:drop-shadow(0 0 20px #7c3aed80);font-size:5rem;animation:3s ease-in-out infinite float}.project-hero-title{background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);text-shadow:0 0 60px #7c3aed66;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5rem);font-weight:700}.project-hero-subtitle{font-size:var(--text-xl);color:var(--color-accent);margin-bottom:var(--space-xl);text-shadow:0 0 30px #00d9ff4d;font-weight:500}.project-hero-tags{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.project-hero-tags .tag{padding:var(--space-sm)var(--space-lg);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--transition-fast);background:linear-gradient(135deg,#7c3aed33 0%,#00d9ff1a 100%);border:1px solid #7c3aed66;border-radius:50px;font-weight:500}.project-hero-tags .tag:hover{border-color:var(--color-primary-light);background:linear-gradient(135deg,#7c3aed66 0%,#00d9ff33 100%);transform:translateY(-2px);box-shadow:0 5px 20px #7c3aed4d}.project-hero-links{justify-content:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.section{position:relative}.section:nth-child(odd){background:linear-gradient(#0000 0%,#1a1a2e4d 50%,#0000 100%)}.section:nth-child(2n){background:linear-gradient(#0000 0%,#7c3aed08 50%,#0000 100%)}.project-overview{padding:var(--space-2xl)var(--space-3xl);background:linear-gradient(135deg,#1a1a2ecc 0%,#12121ae6 100%);border:1px solid #7c3aed33;max-width:1000px;margin:0 auto;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0d}.project-overview h2{font-size:var(--text-2xl);margin-bottom:var(--space-lg);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-overview p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.9}.section-title{width:min(100%,1000px);margin:0 auto var(--space-2xl);display:block;position:relative}.section-title:after{content:"";background:var(--gradient-primary);border-radius:3px;width:60px;height:3px;position:absolute;bottom:-10px;left:0}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1000px;margin:0 auto;display:grid}.feature-card{padding:var(--space-xl)var(--space-2xl);border-radius:var(--border-radius-lg);transition:all var(--transition-base);background:linear-gradient(145deg,#1a1a2eb3 0%,#12121acc 100%);border:1px solid #ffffff14;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:#7c3aed66;transform:translateY(-8px);box-shadow:0 20px 60px #7c3aed33,0 0 0 1px #7c3aed1a}.feature-card:hover:before{opacity:1}.feature-icon{margin-bottom:var(--space-lg);filter:drop-shadow(0 0 15px #7c3aed66);font-size:3rem;display:inline-block}.feature-card h3{font-size:var(--text-xl);margin-bottom:var(--space-lg);color:var(--color-text-primary);font-weight:600}.feature-list{list-style:none}.feature-list li{padding-left:var(--space-xl);margin-bottom:var(--space-md);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7;position:relative}.feature-list li:before{content:"✦";color:var(--color-accent);font-size:.8rem;animation:2s infinite pulse;position:absolute;left:0}.tech-stack-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px;margin:0 auto;display:grid}.tech-item{padding:var(--space-xl);gap:var(--space-sm);text-align:center;border-radius:var(--border-radius-lg);transition:all var(--transition-base);background:linear-gradient(145deg,#1a1a2e99 0%,#12121ab3 100%);border:1px solid #ffffff14;flex-direction:column;display:flex}.tech-item:hover{border-color:#00d9ff66;transform:translateY(-5px);box-shadow:0 15px 40px #00d9ff26}.tech-category{font-size:var(--text-sm);color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.tech-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.architecture-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1000px;margin:0 auto;display:grid}.arch-card{padding:var(--space-xl);border-radius:var(--border-radius-lg);transition:all var(--transition-base);background:linear-gradient(145deg,#1a1a2e99 0%,#12121ab3 100%);border:1px solid #ffffff14;position:relative;overflow:hidden}.arch-card:before{content:"";background:var(--gradient-primary);opacity:.5;width:4px;height:100%;position:absolute;top:0;left:0}.arch-card:hover{border-color:#7c3aed4d;transform:translate(5px)}.arch-card:hover:before{opacity:1}.arch-card h4{font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-sm);font-weight:600}.arch-card p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.footer{padding:var(--space-3xl)0;text-align:center;background:linear-gradient(#0000 0%,#1a1a2e80 100%)}@media (max-width:768px){.project-hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-xl));padding-bottom:var(--space-2xl)}.project-hero-content{padding:0 var(--space-lg)}.project-emoji{margin-bottom:var(--space-md);font-size:3.5rem}.project-hero-title{font-size:clamp(2rem,6vw,3rem)}.project-hero-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-lg)}.project-hero-tags{gap:var(--space-xs);margin-bottom:var(--space-xl)}.project-hero-tags .tag{padding:var(--space-xs)var(--space-md);font-size:var(--text-xs)}.project-hero-links{align-items:center;gap:var(--space-md);flex-direction:column}.project-hero-links .btn{justify-content:center;width:100%;max-width:280px}.section-title{font-size:var(--text-xl);margin-bottom:var(--space-xl);padding:0 var(--space-lg)}.project-overview{padding:var(--space-xl);margin:0 var(--space-lg);max-width:calc(100% - var(--space-2xl))}.project-overview h2{font-size:var(--text-xl)}.project-overview p{font-size:var(--text-base);line-height:1.8}.features-grid{padding:0 var(--space-lg);max-width:calc(100% - var(--space-2xl));grid-template-columns:1fr;margin:0 auto}.feature-card{padding:var(--space-lg)}.feature-icon{margin-bottom:var(--space-md);font-size:2.5rem}.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-md)}.feature-list li{font-size:var(--text-sm);padding-left:var(--space-lg)}.tech-stack-grid{padding:0 var(--space-lg);max-width:calc(100% - var(--space-2xl));gap:var(--space-md);grid-template-columns:1fr 1fr;margin:0 auto}.tech-item{padding:var(--space-lg)}.tech-category{font-size:var(--text-xs)}.tech-value{font-size:var(--text-sm)}.architecture-grid{padding:0 var(--space-lg);max-width:calc(100% - var(--space-2xl));grid-template-columns:1fr;margin:0 auto}.arch-card{padding:var(--space-lg)}.arch-card h4{font-size:var(--text-base)}.arch-card p{font-size:var(--text-sm)}.footer{padding:var(--space-2xl)0}.project-hero:before{width:200px;height:200px;top:10%;left:5%}.project-hero:after{width:150px;height:150px;bottom:10%;right:5%}}@media (max-width:480px){.project-hero{padding-top:calc(var(--nav-height) + var(--space-lg))}.project-hero-content{padding:0 var(--space-md)}.project-emoji{font-size:2.5rem}.project-hero-title{font-size:1.75rem}.project-hero-subtitle{font-size:var(--text-base)}.project-hero-tags .tag{padding:4px 10px;font-size:.65rem}.section-title{font-size:var(--text-lg);padding:0 var(--space-md)}.project-overview{padding:var(--space-lg);margin:0 var(--space-md);max-width:calc(100% - var(--space-lg))}.project-overview h2{font-size:var(--text-lg)}.project-overview p{font-size:var(--text-sm)}.features-grid,.architecture-grid{padding:0 var(--space-md);max-width:calc(100% - var(--space-lg))}.tech-stack-grid{padding:0 var(--space-md);max-width:calc(100% - var(--space-lg));grid-template-columns:1fr}.feature-card,.tech-item,.arch-card{padding:var(--space-md)}.feature-icon{font-size:2rem}.feature-card h3{font-size:var(--text-base)}.feature-list li{font-size:var(--text-xs)}.project-hero:before,.project-hero:after{display:none}}@media (max-width:360px){.project-hero-content{padding:0 var(--space-sm)}.project-emoji{font-size:2rem}.project-hero-title{font-size:1.5rem}.project-hero-tags .tag{padding:3px 8px;font-size:.6rem}.section-title{font-size:var(--text-base);padding:0 var(--space-sm)}.project-overview,.features-grid,.tech-stack-grid,.architecture-grid{padding:0 var(--space-sm);margin:0 var(--space-xs);max-width:calc(100% - var(--space-sm))}}