.blogs-page{background:linear-gradient(180deg,#fafafa,#ffffff);min-height:100vh}.blogs-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (max-width:768px){.blogs-container{padding:0 1rem}}.blogs-hero{position:relative;padding:6rem 1.5rem 4rem;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.blogs-hero-bg{position:absolute;inset:0;overflow:hidden}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 8s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#FF6420,#FF1B6B);top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,#6366f1,#8b5cf6);bottom:-50px;left:-50px;animation-delay:-2s}.orb-3{width:200px;height:200px;background:linear-gradient(135deg,#06b6d4,#3b82f6);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.blogs-hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto;text-align:center}.hero-badge{display:inline-block;padding:.5rem 1.25rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;letter-spacing:.5px}.blogs-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:1.25rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#FF6420,#FF1B6B 50%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blogs-hero-subtitle{font-size:1.125rem;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.blogs-search-container{max-width:600px;margin:0 auto}.blogs-search-wrapper{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:.25rem;transition:all .3s ease}.blogs-search-wrapper:focus-within{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(0,0,0,.2)}.search-icon{width:24px;height:24px;margin-left:1rem;color:rgba(255,255,255,.6);flex-shrink:0}.blogs-search-input{flex:1;padding:1rem;background:transparent;border:none;outline:none;font-size:1rem;color:#fff}.blogs-search-input::-moz-placeholder{color:rgba(255,255,255,.5)}.blogs-search-input::placeholder{color:rgba(255,255,255,.5)}.search-clear{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:10px;margin-right:.5rem;cursor:pointer;transition:all .2s ease}.search-clear:hover{background:rgba(255,255,255,.2)}.search-clear svg{width:18px;height:18px;color:rgba(255,255,255,.8)}.blogs-categories-section{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);padding:1rem 0}.categories-scroll-wrapper{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -1.5rem;padding:0 1.5rem}.categories-scroll-wrapper::-webkit-scrollbar{display:none}.categories-pills{display:flex;gap:.75rem;padding:.25rem 0}.category-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:50px;font-size:.9rem;font-weight:500;color:#4b5563;cursor:pointer;white-space:nowrap;transition:all .2s ease}.category-pill:hover{border-color:#FF6420;color:#FF6420;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,100,32,.15)}.category-pill.active{background:linear-gradient(135deg,#FF6420,#FF1B6B);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(255,100,32,.3)}.pill-icon{font-size:1.1rem}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-title-wrapper{display:flex;flex-direction:column;gap:.5rem}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#FF6420;text-transform:uppercase;letter-spacing:.1em}.trending-label{color:#ef4444}.fire-icon{width:18px;height:18px}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:#111827;letter-spacing:-.02em}.view-all-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#FF6420;text-decoration:none;transition:all .2s ease}.view-all-link:hover{gap:.75rem}.view-all-link svg{width:18px;height:18px;transition:transform .2s ease}.view-all-link:hover svg{transform:translateX(4px)}.posts-count{font-size:.9rem;color:#6b7280;font-weight:500}.featured-section{padding:4rem 0}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,280px);gap:1.5rem}.bento-card{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;text-decoration:none}.bento-card-1{grid-column:1;grid-row:1/3}.bento-card-2{grid-column:2;grid-row:1}.bento-card-3{grid-column:2;grid-row:2}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,300px)}.bento-card-1,.bento-card-2,.bento-card-3{grid-column:1;grid-row:auto}}.bento-image-wrapper{position:absolute;inset:0}.bento-image{-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.bento-card:hover .bento-image{transform:scale(1.05)}.bento-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7))}.bento-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;z-index:10}.bento-category{display:inline-block;padding:.375rem .875rem;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.75rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.bento-title{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;line-height:1.3;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bento-meta{display:flex;gap:1rem;font-size:.875rem;color:rgba(255,255,255,.8)}.trending-section{padding:4rem 0;background:linear-gradient(180deg,#f9fafb,#ffffff)}.trending-scroll{display:flex;gap:1.5rem;overflow-x:auto;margin:0 -1.5rem;padding:1rem 1.5rem 2rem;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.trending-scroll::-webkit-scrollbar{display:none}.trending-card{flex:0 0 350px;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;scroll-snap-align:start}.trending-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12)}@media (max-width:768px){.trending-card{flex:0 0 300px}}.trending-image-wrapper{position:relative;height:200px}.trending-image{-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.trending-card:hover .trending-image{transform:scale(1.05)}.trending-badge{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:50px;color:#fff;font-size:.75rem;font-weight:600}.trending-content{padding:1.5rem}.trending-category{font-size:.75rem;font-weight:600;color:#FF6420;text-transform:uppercase;letter-spacing:.05em}.trending-title{font-size:1.125rem;font-weight:700;color:#111827;margin:.75rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-excerpt{font-size:.875rem;color:#6b7280;line-height:1.6;margin-bottom:1.25rem}.trending-footer{justify-content:space-between}.author-info,.trending-footer{display:flex;align-items:center}.author-info{gap:.75rem}.author-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#FF6420,#FF1B6B);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.author-name{font-size:.875rem;font-weight:500;color:#374151}.read-time{font-size:.8rem;color:#9ca3af;font-weight:500}.all-posts-section{padding:4rem 0}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.posts-grid{grid-template-columns:1fr;gap:1.5rem}}.post-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:all .3s ease;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.post-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;flex:1}.post-image-wrapper{position:relative;height:220px;overflow:hidden}.post-image{-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.post-card:hover .post-image{transform:scale(1.08)}.post-category-badge{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.75rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.375rem}.post-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.post-title{font-size:1.125rem;font-weight:700;color:#111827;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt{font-size:.875rem;color:#6b7280;line-height:1.6;margin-bottom:1.25rem;flex:1}.post-meta{justify-content:space-between}.post-author,.post-meta{display:flex;align-items:center}.post-author{gap:.75rem}.author-avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem}.author-details{display:flex;flex-direction:column}.author-details .author-name{font-size:.8rem;font-weight:600;color:#374151}.post-date{font-size:.75rem;color:#9ca3af}.post-read-time{display:inline-flex;align-items:center;gap:.375rem;font-size:.8rem;color:#9ca3af;font-weight:500}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1.5rem}.post-tag{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:.25rem .625rem;border-radius:50px;transition:all .2s ease}.post-tag:hover{background:#FF6420;color:#fff}.no-results{text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:24px}.no-results-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.06)}.no-results-icon svg{width:40px;height:40px;color:#9ca3af}.no-results h3{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}.no-results p{font-size:.9rem;color:#6b7280;margin-bottom:1.5rem}.reset-filters-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#FF6420,#FF1B6B);border:none;border-radius:50px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-filters-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,100,32,.3)}.newsletter-cta-section{padding:4rem 0 6rem}.newsletter-cta-card{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:32px;padding:4rem;overflow:hidden}@media (max-width:768px){.newsletter-cta-card{padding:2.5rem 1.5rem}}.newsletter-cta-content{position:relative;z-index:10;max-width:600px}.newsletter-badge{display:inline-block;padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:50px;color:#fff;font-size:.8rem;font-weight:600;margin-bottom:1.5rem}.newsletter-cta-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2}.newsletter-cta-text{font-size:1rem;color:rgba(255,255,255,.8);margin-bottom:2rem;line-height:1.6}.newsletter-cta-form{display:flex;gap:.75rem;flex-wrap:wrap}.newsletter-cta-input{flex:1;min-width:250px;padding:1rem 1.25rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;color:#fff;outline:none;transition:all .2s ease}.newsletter-cta-input::-moz-placeholder{color:rgba(255,255,255,.5)}.newsletter-cta-input::placeholder{color:rgba(255,255,255,.5)}.newsletter-cta-input:focus{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15)}.newsletter-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#FF6420,#FF1B6B);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.newsletter-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,100,32,.4)}.newsletter-cta-btn svg{width:18px;height:18px;transition:transform .2s ease}.newsletter-cta-btn:hover svg{transform:translateX(4px)}.newsletter-cta-decoration{position:absolute;top:0;right:0;bottom:0;width:50%;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;opacity:.3}.circle-1{width:300px;height:300px;background:linear-gradient(135deg,#FF6420,#FF1B6B);top:-100px;right:-100px;filter:blur(60px)}.circle-2{width:200px;height:200px;background:linear-gradient(135deg,#6366f1,#8b5cf6);bottom:-50px;right:100px;filter:blur(50px)}.circle-3{width:150px;height:150px;background:linear-gradient(135deg,#06b6d4,#3b82f6);top:50%;right:30%;filter:blur(40px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card{animation:fadeInUp .5s ease forwards}.post-card:first-child{animation-delay:.1s}.post-card:nth-child(2){animation-delay:.2s}.post-card:nth-child(3){animation-delay:.3s}.post-card:nth-child(4){animation-delay:.4s}.post-card:nth-child(5){animation-delay:.5s}.post-card:nth-child(6){animation-delay:.6s}@media (min-width:768px){.categories-scroll-wrapper{scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.categories-scroll-wrapper::-webkit-scrollbar{display:block;height:4px}.categories-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.categories-scroll-wrapper::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.categories-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#d1d5db}}