.gallery-hero{padding:150px 0 80px;background:linear-gradient(135deg,var(--primary-dark) 0,var(--secondary-dark) 50%,var(--accent-dark) 100%);text-align:center}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;font-size:.95rem}.breadcrumb a{color:var(--neon-blue);text-decoration:none;transition:var(--transition)}.breadcrumb a:hover{color:var(--neon-green)}.breadcrumb span{color:var(--text-gray)}.breadcrumb .current{color:var(--text-light)}.gallery-hero h1{font-family:var(--font-heading);font-size:3rem;margin-bottom:20px;background:linear-gradient(45deg,var(--neon-green),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-hero p{font-size:1.2rem;color:var(--text-gray);max-width:700px;margin:0 auto}.project-showcase{padding:80px 0;background:rgba(26,26,46,.3)}.project-header{text-align:center;margin-bottom:60px}.project-header h2{font-family:var(--font-heading);font-size:2.5rem;color:var(--neon-green);margin-bottom:15px}.project-meta{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:20px}.meta-item{display:flex;align-items:center;gap:10px;color:var(--text-gray)}.meta-item i{color:var(--neon-blue);font-size:1.2rem}.comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.new-site-container{max-width:900px;margin:0 auto 60px}.site-showcase{background:rgba(255,255,255,.05);border:2px solid rgba(0,255,136,.2);border-radius:20px;padding:30px;transition:var(--transition)}.site-showcase:hover{border-color:var(--neon-green);box-shadow:0 10px 30px rgba(0,255,136,.1)}.related-projects{margin:60px auto;padding:40px 0;border-top:2px solid rgba(0,255,136,.2)}.related-projects h3{text-align:center;font-family:var(--font-heading);font-size:2rem;color:var(--neon-green);margin-bottom:10px}.related-projects>p{text-align:center;color:rgba(255,255,255,.7);margin-bottom:40px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.related-card{background:rgba(255,255,255,.05);border:2px solid rgba(0,255,136,.2);border-radius:15px;overflow:hidden;transition:var(--transition);text-decoration:none;color:inherit;display:flex;flex-direction:column}.related-card:hover{border-color:var(--neon-green);box-shadow:0 10px 30px rgba(0,255,136,.2);transform:translateY(-5px)}.related-card img{width:100%;height:200px;object-fit:cover;border-bottom:1px solid rgba(0,255,136,.2)}.related-card h4{font-family:var(--font-heading);font-size:1.3rem;color:var(--neon-green);margin:20px 20px 10px 20px}.related-card p{color:rgba(255,255,255,.8);font-size:.9rem;margin:0 20px;flex-grow:1}.related-cta{display:flex;align-items:center;gap:8px;padding:20px;color:var(--neon-blue);font-weight:600;font-size:.9rem}.related-card:hover .related-cta{color:var(--neon-green)}.related-cta i{transition:transform .3s ease}.related-card:hover .related-cta i{transform:translateX(5px)}.faq-section{margin:60px auto;padding:40px 0;border-top:2px solid rgba(0,255,136,.2)}.faq-section h3{text-align:center;font-family:var(--font-heading);font-size:2rem;color:var(--neon-green);margin-bottom:40px}.faq-item{background:rgba(255,255,255,.05);border-left:4px solid var(--neon-blue);padding:25px;margin-bottom:20px;border-radius:8px;transition:var(--transition)}.faq-item:hover{border-left-color:var(--neon-green);background:rgba(255,255,255,.08)}.faq-item h4{font-family:var(--font-heading);font-size:1.2rem;color:var(--neon-blue);margin-bottom:15px}.faq-item p{color:rgba(255,255,255,.85);line-height:1.7}.comparison-side{background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;transition:var(--transition)}.comparison-side.before{border-color:rgba(255,0,128,.3)}.comparison-side.after{border-color:rgba(0,255,136,.3)}.comparison-side:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.comparison-side.before:hover{border-color:var(--neon-pink);box-shadow:0 20px 40px rgba(255,0,128,.2)}.comparison-side.after:hover{border-color:var(--neon-green);box-shadow:0 20px 40px rgba(0,255,136,.2)}.side-label{display:inline-block;padding:8px 20px;border-radius:20px;font-family:var(--font-heading);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.before .side-label{background:rgba(255,0,128,.2);color:var(--neon-pink);border:1px solid var(--neon-pink)}.after .side-label{background:rgba(0,255,136,.2);color:var(--neon-green);border:1px solid var(--neon-green)}.screenshot-container{position:relative;margin-bottom:25px;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.screenshot-container img{width:100%;height:auto;display:block}.screenshot-placeholder{aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:linear-gradient(135deg,rgba(26,26,46,.8) 0,rgba(22,33,62,.8) 100%)}.screenshot-placeholder i{font-size:3rem;color:var(--text-gray);opacity:.5}.screenshot-placeholder .url{color:var(--neon-blue);font-family:monospace;font-size:.9rem;padding:8px 15px;background:rgba(0,212,255,.1);border-radius:5px}.screenshot-placeholder .instruction{color:var(--text-gray);font-size:.85rem;font-style:italic}.url-link{display:inline-flex;align-items:center;gap:8px;color:var(--neon-blue);text-decoration:none;font-size:.9rem;margin-bottom:20px;transition:var(--transition)}.url-link:hover{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}.improvements-list{list-style:none;padding:0;text-align:left}.improvements-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;color:var(--text-gray);line-height:1.6}.improvements-list i{color:var(--neon-green);margin-top:4px;font-size:.9rem}.before .improvements-list i{color:var(--neon-pink)}.section-divider{height:2px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);margin:30px 0}.improvements-section h3{font-family:var(--font-heading);color:var(--text-light);font-size:1.3rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;text-align:left}.improvements-section h3 i{color:var(--neon-blue)}.results-summary{background:linear-gradient(135deg,rgba(0,255,136,.1) 0,rgba(0,212,255,.1) 100%);border:2px solid var(--neon-green);border-radius:20px;padding:40px;margin-top:60px;text-align:center}.results-summary h3{font-family:var(--font-heading);font-size:2rem;color:var(--neon-green);margin-bottom:30px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.result-stat{padding:20px;background:rgba(255,255,255,.05);border-radius:15px;border:1px solid rgba(0,255,136,.2)}.result-stat .stat-value{font-family:var(--font-heading);font-size:2.5rem;color:var(--neon-green);display:block;margin-bottom:10px}.result-stat .stat-label{color:var(--text-gray);font-size:.9rem}.back-home{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(45deg,var(--neon-green),var(--neon-blue));color:var(--primary-dark);text-decoration:none;border-radius:50px;font-weight:600;transition:var(--transition);margin-top:40px}.back-home:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,255,136,.3)}@media (max-width:768px){.comparison-container{grid-template-columns:1fr}.gallery-hero h1{font-size:2rem}.project-header h2{font-size:1.8rem}.results-grid{grid-template-columns:1fr}}