:root{--primary-color:#2c3e50;--secondary-color:#7f8c8d;--accent-color:#3498db;--light-color:#ecf0f1;--dark-color:#2c3e50;--text-color:#333;--white-color:#fff;--border-color:#bdc3c7;--transition:all .4s cubic-bezier(.165,.84,.44,1);--bokeh-color:rgba(52,152,219,.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);background-color:#fff;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}a{text-decoration:none;transition:var(--transition)}header{position:fixed;top:0;left:0;width:100%;padding:15px 3%;display:flex;justify-content:space-between;align-items:center;background-color:transparent;z-index:1000;transition:var(--transition)}header.scrolled{background-color:rgba(255,255,255,.98);box-shadow:0 2px 20px rgba(0,0,0,.08);padding:10px 3%}.logo{font-size:1.6rem;font-weight:700;letter-spacing:1px;color:#fff;opacity:0;transform:translateY(-20px);animation:slideIn .8s ease forwards}header.scrolled .logo{color:var(--dark-color)}.logo span{color:var(--accent-color);transition:transform .3s ease}.logo:hover span{transform:scale(1.1)}.main-nav{position:fixed;top:0;left:-100%;width:80%;max-width:280px;height:100vh;background-color:#fff;padding:30px 20px;box-shadow:5px 0 15px rgba(0,0,0,.1);transition:left .3s ease;z-index:999}.main-nav.active{left:0}.main-nav-title{font-size:1.8rem;margin-bottom:20px;font-weight:500;color:var(--accent-color);letter-spacing:-.5px;position:relative}.main-nav ul{display:flex;flex-direction:column;list-style:none;gap:20px}.main-nav li a{color:var(--primary-color);font-weight:500;font-size:1.1rem;position:relative;padding:5px 0;display:flex;align-items:center;opacity:0;transform:translateX(-20px);animation:slideInLeft .6s ease forwards;animation-delay:calc(.1s*var(--nav-index))}.main-nav li a i{margin-right:10px;width:20px;text-align:center;color:var(--accent-color)}.main-nav li a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:var(--transition)}.main-nav li a:hover::after{width:100%}.menu-toggle{display:block;cursor:pointer;z-index:1001;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.menu-toggle i{font-size:1.4rem;color:#fff;transition:var(--transition)}.header-right{display:flex;align-items:center;gap:15px}#searchbar .hero-search{margin:auto}#searchbar{display:block}#searchbar form{width:100%}@media(max-width:516px){.header-right{gap:0}#header .logo{font-size:12px}#searchbar{width:100%}#searchbar form{width:100%}}@media(max-width:425px){.hero-search input{height:36px}}@media(max-width:410px){.header-right #searchbar form{width:12rem}}@media(max-width:400px){.header-right #searchbar form{width:8rem}}@media(max-width:375px){#header .logo{font-size:12px}}header.scrolled .menu-toggle i{color:var(--dark-color)}.menu-toggle.active i{transform:rotate(90deg)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:var(--transition)}.overlay.active{opacity:1;visibility:visible}.hero{position:relative;min-height:500px;overflow:hidden}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;transform:scale(1);transition:transform 1.5s cubic-bezier(.2,.8,.4,1),filter 1s ease;filter:brightness(.7) blur(0);will-change:transform,filter}.hero-image.loaded{transform:scale(1);filter:brightness(.7) blur(0)}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:2;width:100%;padding:0 15px}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.3);opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards .3s}.hero p{font-size:1rem;max-width:600px;margin:0 auto 20px;font-weight:300;text-shadow:0 2px 5px rgba(0,0,0,.2);opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards .6s}.hero-search{max-width:500px;margin:0 auto 20px;width:100%;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards .9s}.hero-search{display:flex;position:relative}.hero-search input{width:100%;padding:12px 20px;border-radius:25px;border:none;font-size:.9rem;box-shadow:0 4px 15px rgba(0,0,0,.1)}.hero-search button{position:absolute;right:3px;top:3px;background:var(--accent-color);color:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:var(--transition)}.hero-search button:hover{background:var(--dark-color)}.homepage-container{width:100%;max-width:1500px;margin:24px auto;padding:0 16px;display:grid;gap:24px;grid-template-columns:3fr 1fr;min-height:100vh}.main-content{display:grid;gap:24px}.section-title{font-size:24px;text-transform:uppercase;letter-spacing:3px;color:var(--secondary-color);position:relative;padding-bottom:12px}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--accent-color)}.posts-grid{display:grid;gap:36px 24px;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;grid-auto-rows:auto}a{color:#333}.blog-card{position:relative;border-bottom:1px solid var(--border-color)}.blog-card a:nth-child(1){display:flex;flex-direction:column;gap:16px}.blog-card:nth-child(11n+1){grid-column:1/-1}.blog-card:nth-child(11n+1) .card-image{height:400px}.blog-card:nth-child(11n+1) .card-title{font-size:24px}.blog-card:nth-child(11n+1) .excerpt{-webkit-line-clamp:4}.blog-card:nth-child(11n+1) .meta-info{font-size:16px;gap:12px}.blog-card:nth-child(11n+1) .meta-info .meta-item i{font-size:16px}.blog-card:nth-child(11n+1) .meta-info .meta-item i{font-size:16px}.blog-card:nth-child(11n+5),.blog-card:nth-child(11n+6),.blog-card:nth-child(11n+10),.blog-card:nth-child(11n+11){grid-column:1/-1;display:grid;gap:24px;align-items:center}.blog-card:nth-child(11n+5) a:nth-child(1),.blog-card:nth-child(11n+6) a:nth-child(1),.blog-card:nth-child(11n+10) a:nth-child(1),.blog-card:nth-child(11n+11) a:nth-child(1){display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:16px}.blog-card:nth-child(11n+5) .card-image,.blog-card:nth-child(11n+6) .card-image,.blog-card:nth-child(11n+10) .card-image,.blog-card:nth-child(11n+11) .card-image{height:250px;margin-bottom:0;overflow:hidden;position:relative}.blog-card:nth-child(11n+5) .card-content,.blog-card:nth-child(11n+6) .card-content,.blog-card:nth-child(11n+10) .card-content,.blog-card:nth-child(11n+11) .card-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.blog-card:nth-child(11n+5) .excerpt,.blog-card:nth-child(11n+6) .excerpt,.blog-card:nth-child(11n+10) .excerpt,.blog-card:nth-child(11n+11) .excerpt{height:auto;-webkit-line-clamp:5;text-align:left;font-size:16px}.blog-card:nth-child(11n+5) .meta-info,.blog-card:nth-child(11n+6) .meta-info,.blog-card:nth-child(11n+10) .meta-info,.blog-card:nth-child(11n+11) .meta-info{font-size:14px;gap:8px;border-radius:0}.blog-card:nth-child(11n+5) .meta-info .meta-item i,.blog-card:nth-child(11n+6) .meta-info .meta-item i,.blog-card:nth-child(11n+10) .meta-info .meta-item i,.blog-card:nth-child(11n+11) .meta-info .meta-item i{color:var(--accent-color)}.card-image{height:300px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.1);position:relative}.card-image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,transparent 10%,var(--bokeh-color) 20%,transparent 30%) no-repeat,radial-gradient(circle at 80% 70%,transparent 10%,var(--bokeh-color) 20%,transparent 30%) no-repeat,radial-gradient(circle at 50% 50%,transparent 10%,rgba(255,255,255,.1) 20%,transparent 30%) no-repeat;background-size:200px 200px,150px 150px,300px 300px;animation:bokehGlow 8s infinite linear;z-index:1;pointer-events:none}.card-image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.blog-card:hover .card-image img{transform:scale(1.1)}.meta-info{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;color:var(--white-color);font-size:14px;font-family:'Open Sans',sans-serif;background-color:rgba(0,0,0,.6);padding:5px 10px;z-index:3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;gap:6px}.meta-item{display:flex;align-items:center}.meta-item i{color:var(--accent-color);margin-right:4px;font-size:12px}.card-title{font-size:20px;font-weight:700;transition:color .3s ease}.card-content{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.blog-card:hover .card-title{color:var(--accent-color)}.excerpt{color:var(--text-color);font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:justify}.card-footer{display:flex;justify-content:start;align-items:center}.read-more-btn{display:inline-flex;align-items:center;color:var(--accent-color);font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:600;animation:fadeIn .8s ease-out .3s backwards}.read-more-btn::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .4s ease}.read-more-btn:hover::after{width:100%}.read-more-btn i{margin-left:.5rem;transition:transform .3s ease}.read-more-btn:hover i{transform:translateX(5px)}.category-tag{position:absolute;top:15px;left:15px;background-color:var(--accent-color);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:3;transition:var(--transition);cursor:pointer}.sidebar{min-width:300px;max-width:300px;display:flex;flex-direction:column;gap:24px;position:sticky;top:80px;align-self:start}.widget{background-color:#f1f9ff;padding:1rem;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.05);border:1px solid var(--border-color);position:relative;overflow:hidden;animation:fadeInRight .8s ease-out}.widget::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color)}.cricket-widget-card iframe{width:100%;border:none}.music-widget-card{height:152px}#ww_fd63bcb3f60aa{max-width:100% !important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideIn{from{transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bokehGlow{0%{background-position:0 0,0 0,0 0}50%{background-position:50px 50px,-50px -50px,100px 100px}100%{background-position:0 0,0 0,0 0}}.footer{background-color:var(--dark-color);color:#fff;padding:12px 0;font-size:.9rem}.footer .container{display:flex;justify-content:space-between;margin:0 auto}.legal-links{display:flex;align-items:center;gap:12px}.legal-links a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .2s ease}.legal-links a:hover{color:#fff;text-decoration:underline}.copyright a{color:rgba(255,255,255,.8)}@media(min-width:769px) and (max-width:1199px){.menu-toggle{display:flex}.main-nav{position:fixed;left:-100%;width:80%;height:100vh;background-color:#fff;padding:50px 20px}.main-nav ul{flex-direction:column;gap:20px}.main-nav li a{color:var(--primary-color);font-size:1.1rem;animation:slideInLeft .6s ease forwards;animation-delay:calc(.1s*var(--nav-index))}.main-content{display:grid;gap:16px}.homepage-container{grid-template-columns:2fr 1fr;gap:16px}.posts-grid{grid-template-columns:repeat(2,1fr);gap:16px}.card-image{height:250px}.blog-card:nth-child(11n+1) .card-image{height:350px}.blog-card:nth-child(11n+1) .card-title{font-size:28px}.blog-card:nth-child(11n+5) a:nth-child(1),.blog-card:nth-child(11n+6) a:nth-child(1),.blog-card:nth-child(11n+10) a:nth-child(1),.blog-card:nth-child(11n+11) a:nth-child(1){grid-template-columns:1fr;grid-column:1/-1;background-color:transparent;box-shadow:none;padding-bottom:0}.blog-card:nth-child(11n+5) .card-image,.blog-card:nth-child(11n+6) .card-image,.blog-card:nth-child(11n+10) .card-image,.blog-card:nth-child(11n+11) .card-image{height:300px}.blog-card:nth-child(11n+5) .card-content,.blog-card:nth-child(11n+6) .card-content,.blog-card:nth-child(11n+10) .card-content,.blog-card:nth-child(11n+11) .card-content{padding:0;margin-bottom:0}.blog-card:nth-child(11n+5) .meta-info,.blog-card:nth-child(11n+6) .meta-info,.blog-card:nth-child(11n+10) .meta-info,.blog-card:nth-child(11n+11) .meta-info{position:absolute;background-color:rgba(0,0,0,.6);color:var(--white-color);font-size:.8rem;padding:5px 10px;border-radius:4px 4px 0 0}.widget{padding:16px}.sidebar{min-width:300px;display:flex;flex-direction:column;gap:16px;position:sticky;top:80px;align-self:start}}@media(max-width:768px){.slider-controls{display:flex;justify-content:center;margin-top:10px;gap:10px}.slider-dots{display:flex;justify-content:center;margin-top:10px;gap:8px}.slider-dot{width:10px;height:10px;border-radius:50%;background:#ccc;cursor:pointer}.slider-dot.active{background:var(--accent-color)}.hero{height:20vh;min-height:250px}header{padding:12px 4%}.logo{font-size:1.4rem}.hero-content{transform:translate(-50%,-45%);padding:0 10px;margin-top:15px}.hero h1{font-size:1.3rem;margin-bottom:10px}.hero p{font-size:.85rem;margin-bottom:15px;max-width:90%}.hero-search{width:85%;margin-bottom:15px}.hero-search input{font-size:.85rem}.hero-search button{width:30px;height:30px;right:4px;top:4px}.sidebar{max-width:45rem;display:grid;grid-template-columns:1fr 1fr;gap:8px}.homepage-container{grid-template-columns:1fr;padding:0 16px;margin:16px auto}.posts-grid{grid-template-columns:repeat(2,1fr);gap:8px}.blog-card:nth-child(11n+1) .card-image{height:300px}.blog-card:nth-child(11n+1) .card-title{font-size:24px}.blog-card:nth-child(11n+2),.blog-card:nth-child(11n+3),.blog-card:nth-child(11n+4),.blog-card:nth-child(11n+7),.blog-card:nth-child(11n+8),.blog-card:nth-child(11n+9){grid-column:auto/span 1}.blog-card:nth-child(11n+5),.blog-card:nth-child(11n+6),.blog-card:nth-child(11n+10),.blog-card:nth-child(11n+11){padding-bottom:0}.blog-card:nth-child(11n+5) a:nth-child(1),.blog-card:nth-child(11n+6) a:nth-child(1),.blog-card:nth-child(11n+10) a:nth-child(1),.blog-card:nth-child(11n+11) a:nth-child(1){grid-template-columns:1fr;grid-column:1/-1;background-color:transparent;box-shadow:none}.blog-card:nth-child(11n+5) .card-image,.blog-card:nth-child(11n+6) .card-image,.blog-card:nth-child(11n+10) .card-image,.blog-card:nth-child(11n+11) .card-image{height:250px}.blog-card:nth-child(11n+5) .card-content,.blog-card:nth-child(11n+6) .card-content,.blog-card:nth-child(11n+10) .card-content,.blog-card:nth-child(11n+11) .card-content{padding:0}.blog-card:nth-child(11n+5) .meta-info,.blog-card:nth-child(11n+6) .meta-info,.blog-card:nth-child(11n+10) .meta-info,.blog-card:nth-child(11n+11) .meta-info{position:absolute;background-color:rgba(0,0,0,.6);color:var(--white-color);font-size:.8rem;padding:5px 10px;border-radius:4px 4px 0 0}.card-title{font-size:20px}.card-image{height:200px}.section-title{font-size:14px}#ww_fd63bcb3f60aa .ww-box{height:250px}.footer .container{display:block;text-align:center}.legal-links{margin-bottom:5px;flex-direction:column;text-align:center;gap:0}.legal-links span{display:none}.meta-info{flex-direction:column}}@media(max-width:479px){.homepage-container{padding:0 10px;margin:8px 0}.container{padding:0 10px}.posts-grid{grid-template-columns:1fr;gap:12px}.sidebar{max-width:30rem;display:flex}.main-content,.blog-card,.blog-card:nth-child(11n+5) a:nth-child(1),.blog-card:nth-child(11n+6) a:nth-child(1),.blog-card:nth-child(11n+10) a:nth-child(1),.blog-card:nth-child(11n+11) a:nth-child(1){gap:8px;padding-bottom:0}.card-image,.blog-card:nth-child(11n+1) .card-image,.blog-card:nth-child(11n+5) .card-image,.blog-card:nth-child(11n+6) .card-image,.blog-card:nth-child(11n+10) .card-image,.blog-card:nth-child(11n+11) .card-image{height:200px}.blog-card:nth-child(11n+5) .excerpt,.blog-card:nth-child(11n+6) .excerpt,.blog-card:nth-child(11n+10) .excerpt,.blog-card:nth-child(11n+11) .excerpt{font-size:14px;text-align:justify}.blog-card:nth-child(11n+1) .meta-info,.meta-info{font-size:14px;gap:8px}.blog-card:nth-child(11n+1) .meta-info .meta-item i{font-size:12px}.blog-card:nth-child(11n+1) .card-title,.card-title{font-size:18px}.card-content{gap:2px;margin-bottom:8px}.excerpt,.read-more-btn{font-size:14px}.widget{padding:.8rem}.meta-info{flex-direction:row}}@media(min-width:1200px){.hero-image{background-attachment:fixed}.container{max-width:1400px}}@keyframes fadeInUp{from{transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}