:root{--primary:#FF0066;--secondary:#000000;--accent:#3a3a3a;--light:#f9f9f9;--dark:#121212;--text:#ffffff;--text-light:#bbbbbb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:var(--text);line-height:1.6}.header{position:fixed;width:100%;z-index:1000;padding:15px 5%;background:rgba(139,1,1,.98);box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.blog-hero{padding:180px 5% 100px;background-image:url(/assets/wb-bg-abstract.png);background-position:100%;color:white;position:relative}.blog-hero h1{font-size:2rem;margin-bottom:20px;background:linear-gradient(90deg,white,white);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.blog-hero p{font-size:1.2rem;font-size:.9rem;color:rgba(255,255,255,.642);max-width:550px;margin-bottom:30px;margin-left:0}.blog-filter{max-width:1400px;margin:40px auto;padding:0 5% 40px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.filter-btn{padding:10px 25px;background:#1e1e1e;color:var(--text-light);border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:linear-gradient(45deg,#FF0066,#ff4d8d);color:white}.blog-grid-container{max-width:1400px;margin:0 auto;padding:0 5% 80px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.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)}.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:var(--text-light);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)}.pagination{gap:10px;margin-top:50px}.page-btn,.pagination{display:flex;justify-content:center}.page-btn{width:40px;height:40px;border-radius:50%;background:#1e1e1e;color:var(--text-light);border:none;font-weight:600;cursor:pointer;transition:all .3s ease;align-items:center}.page-btn.active,.page-btn:hover{background:linear-gradient(45deg,#FF0066,#ff4d8d);color:white}.floating-element{position:fixed;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}.footer{padding:60px 5% 30px;background-color:white;color:white}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;gap:40px;max-width:1400px;margin:0 auto}.footer-logo img{height:40px;margin-bottom:20px}.footer-links h3{font-size:1.2rem;margin-bottom:20px;color:white}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:white}.social-links{display:flex;gap:15px;margin-top:20px}.social-link{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:white;transition:all .3s ease;text-decoration:none}.social-link:hover{background:var(--primary);transform:translateY(-3px)}.copyright{text-align:center;padding-top:40px;margin-top:40px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);font-size:.9rem}@media (max-width:1200px){.blog-hero h1{font-size:2.8rem}}@media (max-width:768px){.blog-hero{padding:150px 5% 80px}.blog-hero h1{font-size:2.2rem}.blog-hero p{font-size:1rem}.blog-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-hero h1{font-size:2rem}.filter-btn{padding:8px 20px;font-size:.9rem}}.header_main{position:fixed;width:100%;z-index:1000;padding:10px 0;background:rgba(255,255,255,.98);box-shadow:0 2px 10px rgba(0,0,0,.08);transition:all .3s ease;margin-bottom:1000px}.header_container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo img{height:40px;transition:transform .3s ease}.logo:hover img{transform:scale(1.05)}.nav_links{display:flex;gap:30px;position:relative}.cta_button:hover{transform:translateY(-2px);box-shadow:0 4px 1px rgba(0,0,0,.3)}.mobile_menu_btn{display:none;background:transparent;color:#333;border:none;font-size:28px;cursor:pointer;padding:5px}@media (max-width:768px){.cta_button,.nav_links{display:none}.mobile_menu_btn{display:block}.header_container{padding:0 15px}}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;box-shadow:2px 0 12px rgba(0,0,0,.15);overflow-y:auto;transition:left .3s ease;z-index:1500;padding-top:60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar.active{left:0}.sidebar .close_btn{position:absolute;top:15px;right:15px;font-size:24px;cursor:pointer;background:transparent;border:none;color:#333}.sidebar nav{display:flex;flex-direction:column;gap:15px;padding:0 20px}.sidebar nav a{color:#333;text-decoration:none;font-weight:600;font-size:18px;padding:10px 5px;border-radius:4px;transition:background .3s ease,color .3s ease}.sidebar nav a:hover{background:linear-gradient(90deg,#FF0066,#ffffff1f);color:#fff}.sidebar .dropdown_sidebar>a{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.sidebar .dropdown_sidebar .dropdown_sidebar_content{max-height:0;overflow:hidden;transition:max-height .3s ease;flex-direction:column;gap:10px;padding-left:10px;margin-top:8px;border-left:2px solid #ff0066}.sidebar .dropdown_sidebar.active .dropdown_sidebar_content{max-height:500px;display:flex}.sidebar .dropdown_sidebar>a .dropdown-icon{font-size:12px;color:#FF0066;transition:transform .3s ease}.sidebar .dropdown_sidebar.active>a .dropdown-icon{transform:rotate(-180deg)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1400}.overlay.active{opacity:1;visibility:visible}