.blog-post-page{padding-top:var(--header-total-height,150px);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;margin-top:50px;padding-bottom:50px}@media (max-width:768px){.blog-post-page{padding-top:var(--header-height-mobile,100px)}}.blog-post__header{text-align:center;margin-bottom:40px}.blog-post__title{color:#1e293b;margin-bottom:20px;font-size:max(2rem,min(5vw,3rem));font-weight:700;line-height:1.2}.blog-post__excerpt{color:#64748b;max-width:700px;margin:0 auto 30px;font-size:1.2rem;line-height:1.6}.blog-post__image{margin-bottom:50px}.blog-post__image-placeholder{color:#6c757d;background:#e9ecef;border-radius:20px;justify-content:center;align-items:center;width:100%;height:400px;display:flex;overflow:hidden}@media (max-width:768px){.blog-post__image-placeholder{height:250px}}.blog-post__img{object-fit:cover;width:100%;height:100%}.blog-post__content{max-width:1000px;margin:0 auto 60px}.problem-section{background:#fff;border-radius:15px;margin-bottom:40px;padding:40px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.problem-section h2{color:#1e293b;text-align:center;margin-bottom:15px;font-size:1.8rem}.problem-section .problem-subtitle{color:#64748b;text-align:center;margin-bottom:30px;font-size:1.1rem;font-style:italic}.problem-section h3{color:#374151;text-align:center;margin-bottom:20px;font-size:1.4rem}.problem-list{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.problem-item{background:#f8fafc;border-left:4px solid #007bff;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.problem-item .problem-icon{color:#007bff;font-size:1.1rem;font-weight:700}.problem-image{text-align:center;margin-top:30px}.problem-image .problem-img{border-radius:10px;max-width:100%;height:auto;box-shadow:0 4px 15px rgba(0,0,0,.1)}.solution-section{color:#fff;background:linear-gradient(135deg,#00c3ff,#0066ba);border-radius:15px;margin-bottom:40px;padding:40px}.solution-section h2{text-align:center;margin-bottom:30px;font-size:1.8rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.benefit-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-radius:10px;align-items:flex-start;gap:15px;padding:20px;display:flex}.benefit-card .benefit-icon{color:#667eea;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.benefit-card .benefit-text{line-height:1.5}.decision-section{background:#fff;border-radius:15px;margin-bottom:40px;padding:40px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.decision-section h2{color:#1e293b;text-align:center;margin-bottom:20px;font-size:1.8rem}.decision-text{text-align:center;color:#64748b;margin-bottom:30px;font-size:1.1rem;font-style:italic}.project-details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.detail-item{background:#f8fafc;border-left:4px solid #10b981;border-radius:10px;padding:20px}.detail-item h4{color:#1e293b;margin-bottom:10px;font-size:1.1rem}.detail-item p{color:#64748b;margin:0;line-height:1.5}.results-section{background:#fff;border-radius:15px;padding:40px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.results-section h2{text-align:center;color:#1e293b;margin-bottom:30px;font-size:1.8rem}.comparison-grid{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;display:grid}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr;gap:20px}}.comparison-item{text-align:center}.comparison-item h3{color:#374151;margin-bottom:15px;font-size:1.3rem}.comparison-image{background:#f8fafc;border-radius:10px;padding:15px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.comparison-image .comparison-img{object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:300px}.blog-post__back{text-align:center;margin-top:50px}.blog-post__back-link{color:#007bff;border:2px solid #007bff;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.blog-post__back-link:hover{color:#fff;background:#007bff;transform:translate(-5px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-post__header,.blog-post__image,.problem-section,.solution-section,.decision-section,.results-section,.blog-post__back{animation:.6s ease-out both fadeInUp}.blog-post__header{animation-delay:.1s}.blog-post__image{animation-delay:.2s}.problem-section{animation-delay:.3s}.solution-section{animation-delay:.4s}.decision-section{animation-delay:.5s}.results-section{animation-delay:.6s}.blog-post__back{animation-delay:.7s}@media (max-width:768px){.problem-section,.solution-section,.decision-section,.results-section{padding:25px 20px}.benefits-grid,.project-details,.comparison-grid{grid-template-columns:1fr}}