.blog-post-page{flex-direction:column;min-height:100vh;display:flex}.blog-post-content{background:#f8f9fa;flex:1;min-height:calc(100vh - 105px);padding-top:105px}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.back-button{margin-bottom:30px}.btn-back{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s;display:inline-flex}.btn-back:hover{background:#0056b3;transform:translateY(-2px)}.blog-post{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.post-header{padding:40px 40px 20px}.post-meta{color:#666;flex-wrap:wrap;gap:20px;margin-bottom:20px;font-size:14px;display:flex}.post-category{color:#1976d2;text-transform:uppercase;letter-spacing:.5px;background:#e3f2fd;border-radius:20px;padding:6px 12px;font-weight:600}.post-date,.post-author{color:#666;font-weight:500}.post-title{color:#333;letter-spacing:-.02em;margin-bottom:20px;font-size:1.5rem;font-weight:700;line-height:1.2}.post-excerpt{color:#666;font-size:1.25rem;font-style:italic;line-height:1.6}.post-image{width:100%;height:250px;overflow:hidden}.post-image img{object-fit:cover;width:100%;height:100%}.post-content{padding:40px}.post-paragraph{color:#333;text-align:justify;margin-bottom:24px;font-size:1.1rem;line-height:1.8}.post-footer{border-top:1px solid #e9ecef;padding:20px 40px 40px}.post-tags{flex-wrap:wrap;gap:10px;display:flex}.tag{color:#666;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500}.tag.featured{color:#856404;background:#fff3cd;border-color:#ffeaa7}.loading{color:#666;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found{text-align:center;color:#666;padding:80px 20px}.not-found h1{color:#333;margin-bottom:20px;font-size:2rem}.not-found p{margin-bottom:30px;font-size:1.1rem}.btn-primary{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.btn-primary:hover{background:#0056b3;transform:translateY(-2px)}@media (max-width:768px){.container{padding:20px 15px}.post-header{padding:30px 20px 15px}.post-title{font-size:2rem}.post-excerpt{font-size:1.1rem}.post-image{height:250px}.post-content{padding:30px 20px}.post-paragraph{font-size:1rem}.post-footer{padding:15px 20px 30px}.post-meta{flex-direction:column;gap:10px}}@media (max-width:480px){.post-title{font-size:1.75rem}.post-image{height:200px}.post-content{padding:20px 15px}}