@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");.blog-section{background:#121212;color:#fff;padding:80px 0;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.blog-container{max-width:1400px;margin:0 auto;min-height:600px}.blog-container,.blog-header{display:flex;position:relative;z-index:2}.blog-header{width:30%;padding:40px;flex-direction:column;justify-content:center}.blog-header h2{font-size:3rem;margin-bottom:30px;background:linear-gradient(90deg,#FF0066,#ff4d8d);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.blog-header p{font-size:1.2rem;color:#aaa;line-height:1.6;margin-bottom:40px}.view-all-btn{display:inline-flex;align-items:center;background:linear-gradient(45deg,#FF0066,#ff4d8d);color:white;padding:16px 35px;border-radius:30px;text-decoration:none;font-weight:600;box-shadow:0 10px 20px rgba(255,0,102,.3);transition:all .3s ease;gap:10px;width:-moz-fit-content;width:fit-content}.view-all-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(255,0,102,.4);gap:15px}.view-all-btn i{transition:transform .3s ease}.view-all-btn:hover i{transform:translateX(5px)}.blog-scroll-container{width:70%;padding:40px;overflow-x:hidden;position:relative}.blog-grid{display:flex;gap:30px;width:max-content;padding-bottom:20px;animation:scroll 30s linear infinite}.blog-card{background:#1e1e1e;border-radius:15px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.3);width:350px;flex-shrink:0}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(255,0,102,.2)}.blog-image{height:220px;overflow:hidden;position:relative}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-category{position:absolute;top:20px;right:20px;background:#FF0066;color:white;padding:6px 15px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.blog-content{padding:25px}.blog-date{color:#FF0066;margin-bottom:10px;display:flex;align-items:center;gap:8px}.blog-date,.blog-date i{font-size:.9rem}.blog-title{font-size:1.5rem;margin-bottom:15px;line-height:1.4}.blog-excerpt{color:#bbb;margin-bottom:20px;line-height:1.6}.read-more{display:inline-flex;align-items:center;color:#FF0066;font-weight:600;text-decoration:none;transition:all .3s ease;gap:8px}.read-more:hover{color:#ff4d8d;gap:12px}.read-more i{transition:transform .3s ease}.read-more:hover i{transform:translateX(5px)}.blog-scroll-container:after,.blog-scroll-container:before{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.blog-scroll-container:before{left:0;background:linear-gradient(90deg,#121212,rgba(18,18,18,0))}.blog-scroll-container:after{right:0;background:linear-gradient(270deg,#121212,rgba(18,18,18,0))}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.blog-scroll-container:hover .blog-grid{animation-play-state:paused}.floating-element{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;z-index:1}.floating-element-1{width:300px;height:300px;background:#FF0066;top:-100px;right:-100px}.floating-element-2{width:200px;height:200px;background:#00ccff;bottom:-50px;left:-50px}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#aaa}.loading:after{content:"...";animation:dots 1.5s steps(5) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@media (max-width:1200px){.blog-header h2{font-size:2.5rem}.blog-card{width:320px}}@media (max-width:992px){.blog-container{flex-direction:column;min-height:auto}.blog-header,.blog-scroll-container{width:100%;padding:30px}.blog-header{text-align:center;align-items:center}.blog-header p{max-width:600px}}@media (max-width:768px){.blog-section{padding:60px 0}.blog-header h2{font-size:2rem}.blog-image{height:180px}}@media (max-width:480px){.blog-card{width:280px}.blog-title{font-size:1.3rem}}