.blog-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#ffffff}.container{max-width:1200px;margin:0 auto;padding:0 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.blog-hero{padding:145px 0 5px;text-align:center;background:linear-gradient(45deg,#ff6b35,#f7931e,#ffcc02);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero-title{font-size:3.5rem;font-weight:900;margin-bottom:2rem;text-shadow:0 0 30px rgba(255,107,53,.5)}.blog-seo-intro{font-size:17px;padding:10px;border:1px solid rgb(255 107 53/30%);border-radius:10px}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:40px;text-align:center;background:linear-gradient(45deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-blog{padding:60px 0;background:rgba(255,255,255,.02);backdrop-filter:blur(10px);margin:40px 0;border-radius:20px;border:1px solid rgba(255,107,53,.2)}.featured-blog-card{background:linear-gradient(145deg,#1e1e2e,#2a2a3a);border-radius:20px;overflow:hidden;border:2px solid rgba(255,107,53,.3);transition:all .4s ease;box-shadow:0 20px 40px rgba(0,0,0,.4)}.featured-blog-card:hover{transform:translateY(-10px);border-color:#ff6b35;box-shadow:0 30px 60px rgba(255,107,53,.3)}.featured-link{display:block;text-decoration:none;color:inherit}.featured-image{position:relative;overflow:hidden}.featured-img{width:100%;height:500px;object-fit:cover;transition:transform .4s ease}.featured-blog-card:hover .featured-img{transform:scale(1.05)}.featured-badge{position:absolute;top:20px;left:20px;background:linear-gradient(45deg,#ff6b35,#f7931e);color:white;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.featured-content{padding:30px}.featured-title{font-size:1.8rem;font-weight:800;margin:15px 0;line-height:1.3;color:#ffffff}.featured-description{font-size:1.1rem;line-height:1.6;color:#b0b0b0;margin-bottom:20px}.blog-meta{display:flex;gap:15px;align-items:center;margin-bottom:15px;font-size:.9rem;color:#888}.blog-category{background:linear-gradient(45deg,#ff6b35,#f7931e);color:white;padding:4px 12px;border-radius:15px;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.blog-author,.blog-date,.blog-read-time{color:#999;font-weight:500}.blog-grid-section{padding:80px 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px}.blog-card{background:linear-gradient(145deg,#1a1a2e,#2a2a3e);border-radius:15px;overflow:hidden;border:1px solid rgba(255,107,53,.2);transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.3)}.blog-card:hover{transform:translateY(-8px);border-color:#ff6b35;box-shadow:0 20px 40px rgba(255,107,53,.2)}.blog-link{display:block;text-decoration:none;color:inherit;height:100%}.blog-image{position:relative;overflow:hidden}.blog-img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-img{transform:scale(1.1)}.blog-category-badge{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.8);color:#ff6b35;padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:600;backdrop-filter:blur(10px)}.blog-content{padding:25px}.blog-title{font-size:1.3rem;font-weight:700;margin:10px 0;line-height:1.4;color:#ffffff}.blog-description{color:#b0b0b0;line-height:1.6;margin-bottom:15px;font-size:.95rem}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.blog-tag{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3);color:#ff6b35;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:lowercase}.blog-cta{padding:80px 0;background:linear-gradient(135deg,#ff6b35,#f7931e);text-align:center}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:20px;color:white}.cta-content p{font-size:1.2rem;margin-bottom:30px;color:rgba(255,255,255,.9)}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-btn{padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-btn.primary{background:rgba(255,255,255,.2);color:white;border:2px solid white}.cta-btn.primary:hover{background:white;color:#ff6b35}.cta-btn.secondary{background:transparent;color:white;border:2px solid rgba(255,255,255,.5)}.cta-btn.secondary:hover{background:rgba(255,255,255,.1);border-color:white}.blog-post-page{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#ffffff;min-height:100vh}.breadcrumb{padding:20px 0;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.breadcrumb a{color:#ff6b35;text-decoration:none;font-weight:500}.breadcrumb a:hover{color:#f7931e}.separator{color:#666;margin:0 10px}.current{color:#999}.blog-header{padding:60px 0;text-align:center;background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(247,147,30,.1));border-bottom:1px solid rgba(255,107,53,.2)}.blog-post-title{font-size:3rem;font-weight:900;margin:20px 0;line-height:1.2;background:linear-gradient(45deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-post-description{font-size:1.3rem;color:#b0b0b0;max-width:800px;margin:0 auto 20px;line-height:1.6}.blog-author-info{color:#888;font-weight:500}.blog-featured-image{padding:40px 0}.featured-image{width:100%;height:500px;object-fit:cover;border-radius:20px;border:2px solid rgba(255,107,53,.3)}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:60px 0}.blog-article{background:rgba(255,255,255,.02);padding:40px;border-radius:20px;border:1px solid rgba(255,107,53,.2);backdrop-filter:blur(10px)}.table-of-contents{background:linear-gradient(145deg,#1a1a2e,#2a2a3e);padding:25px;border-radius:15px;margin-bottom:40px;border:1px solid rgba(255,107,53,.3)}.table-of-contents h3{color:#ff6b35;margin-bottom:15px;font-size:1.2rem;font-weight:700}.table-of-contents ul{list-style:none;padding:0}.table-of-contents li{margin-bottom:8px}.table-of-contents a{color:#b0b0b0;text-decoration:none;transition:color .3s ease;font-weight:500}.table-of-contents a:hover{color:#ff6b35}.content-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.content-section h2{color:#ff6b35;font-size:1.8rem;font-weight:700;margin-bottom:20px;padding-top:20px}.content-section p{line-height:1.8;font-size:1.1rem;color:#e0e0e0;margin-bottom:20px}.related-products{background:linear-gradient(145deg,#2a2a3e,#3a3a4e);padding:20px;border-radius:12px;margin:20px 0;border:1px solid rgba(255,107,53,.2)}.related-products h4{color:#ff6b35;margin-bottom:15px;font-weight:600}.product-links{display:flex;gap:10px;flex-wrap:wrap}.product-link-btn{background:linear-gradient(45deg,#ff6b35,#f7931e);color:white;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease}.product-link-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,107,53,.4)}.blog-tags-section{margin:40px 0;padding:25px;background:rgba(255,255,255,.02);border-radius:15px;border:1px solid rgba(255,107,53,.2)}.blog-tags-section h3{color:#ff6b35;margin-bottom:15px;font-weight:700}.blog-cta-section{margin:50px 0}.cta-box{background:linear-gradient(135deg,#ff6b35,#f7931e);padding:40px;border-radius:20px;text-align:center;color:white}.cta-box h3{font-size:2rem;margin-bottom:15px;font-weight:800}.cta-box p{font-size:1.1rem;margin-bottom:25px;opacity:.9}.blog-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-widget{background:linear-gradient(145deg,#1a1a2e,#2a2a3e);padding:25px;border-radius:15px;border:1px solid rgba(255,107,53,.2)}.sidebar-widget h3{color:#ff6b35;margin-bottom:15px;font-weight:700;font-size:1.2rem}.category-links,.quick-links{list-style:none;padding:0}.category-links li,.quick-links li{margin-bottom:10px}.category-links a,.quick-links a{color:#b0b0b0;text-decoration:none;transition:color .3s ease;font-weight:500}.category-links a:hover,.quick-links a:hover{color:#ff6b35}.newsletter-form{display:flex;flex-direction:column;gap:10px}.newsletter-form input{padding:12px;border:1px solid rgba(255,107,53,.3);border-radius:8px;background:rgba(255,255,255,.05);color:white;font-size:.9rem}.newsletter-form input::placeholder{color:#888}.newsletter-form button{background:linear-gradient(45deg,#ff6b35,#f7931e);color:white;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,107,53,.4)}.related-articles{padding:80px 0;background:rgba(255,255,255,.02);backdrop-filter:blur(10px)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.related-card{background:linear-gradient(145deg,#1a1a2e,#2a2a3e);border-radius:15px;overflow:hidden;border:1px solid rgba(255,107,53,.2);transition:all .3s ease}.related-card:hover{transform:translateY(-5px);border-color:#ff6b35;box-shadow:0 15px 30px rgba(255,107,53,.2)}.related-card a{display:block;text-decoration:none;color:inherit}.related-image{overflow:hidden}.related-img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.related-card:hover .related-img{transform:scale(1.1)}.related-content{padding:20px}.related-content h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#ffffff}.related-content p{color:#b0b0b0;font-size:.9rem;line-height:1.5;margin-bottom:10px}.read-more{color:#ff6b35;font-weight:600;font-size:.9rem}.back-to-blog{padding:40px 0;text-align:center}.back-btn{display:inline-block;background:linear-gradient(45deg,#ff6b35,#f7931e);color:white;padding:12px 25px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,53,.4)}@media (max-width:768px){.blog-content{padding:2px}.blog-content-grid{padding:20px}.blog-hero{padding:100px 0 0}.blog-hero-title{font-size:2.5rem}.blog-seo-intro{font-size:13px!important;padding:10px 6px}.featured-image,.featured-img{height:250px}.section-title{font-size:2rem}.blog-post-title{font-size:2.2rem}.blog-layout{grid-template-columns:1fr;gap:30px}.blog-article{padding:25px}.cta-buttons{flex-direction:column;align-items:center}.blog-grid,.related-grid{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 15px}.blog-hero-title{font-size:2rem}.blog-post-title{font-size:1.8rem}.blog-article{padding:20px}.cta-box{padding:25px}.featured-content{padding:20px}}