:root{--primary-color:#ff0055;--bg-dark:#000000;--bg-card:#121212;--bg-hover:#1f1f1f;--text-main:#ffffff;--text-muted:#a0a0a0;--border-color:#222222;--header-height:60px;--header-height-mobile:56px;--card-radius:10px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:#fff0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:'Outfit',system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden;padding-top:var(--header-height)}.header{background-color:rgb(0 0 0 / .95);position:fixed;top:0;left:0;width:100%;z-index:1000;height:var(--header-height);border-bottom:1px solid var(--border-color);transition:height 0.3s ease}.header-content{width:100%;max-width:1600px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:100%}.left-section{display:flex;align-items:center}.right-section{display:flex;align-items:center;justify-content:flex-end}.logo-link{display:flex;align-items:center;text-decoration:none;height:100%}.logo-img{max-height:42px;width:auto;display:block}.menu-icon{font-size:1.4rem;cursor:pointer;color:var(--text-main);padding:6px 8px;display:flex;align-items:center;justify-content:center}.sidenav{height:100%;width:280px;position:fixed;z-index:2000;top:0;left:0;background-color:#111;transform:translateX(-100%);transition:transform 0.3s ease-in-out;border-right:1px solid var(--border-color)}.sidenav.open{transform:translateX(0);box-shadow:10px 0 50px rgb(0 0 0 / .7)}.sidenav-header{height:var(--header-height);padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background-color:#000}.sidenav-title{font-weight:700;font-size:1.2rem}.close-btn{font-size:28px;color:var(--text-muted);text-decoration:none;padding:0 10px;line-height:1}.sidenav-links{padding:15px}.sidenav a.nav-item{padding:14px 16px;text-decoration:none;font-size:1rem;color:var(--text-muted);display:flex;align-items:center;gap:16px;border-radius:8px;margin-bottom:5px;transition:background 0.2s}.sidenav a.nav-item:hover{background-color:var(--bg-hover);color:var(--text-main)}#overlay{position:fixed;display:none;inset:0;background-color:rgb(0 0 0 / .8);z-index:1500;backdrop-filter:blur(2px)}#overlay.active{display:block}.main-content{padding:12px 16px;max-width:1600px;margin:0 auto;min-height:80vh}.seo-header{padding:6px 4px 4px!important}.seo-header h1{font-size:1.05rem!important;margin-bottom:2px!important}.seo-header h2,.seo-header .section-heading{margin-bottom:6px!important;font-size:0.85rem!important}.content-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.new-lankan-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:0 0 12px}.video-card{background-color:var(--bg-card);border-radius:var(--card-radius);overflow:hidden;text-decoration:none;color:var(--text-main);display:flex;flex-direction:column;border:1px solid rgb(255 255 255 / .05);transition:transform 0.2s ease}.video-card:hover{transform:translateY(-4px);border-color:rgb(255 255 255 / .1)}.thumbnail-container{position:relative;width:100%;padding-top:56.25%;height:0;overflow:hidden;background-color:#000}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.video-card:hover .video-thumbnail{transform:scale(1.05)}.video-badge{position:absolute;top:6px;right:6px;background:rgb(0 0 0 / .85);color:#fff;padding:2px 5px;border-radius:4px;font-size:10px;font-weight:700;z-index:3}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;z-index:4;transition:opacity 0.2s}.video-card:hover .play-icon{opacity:1}.video-card-info{padding:8px;flex-grow:1;display:flex;flex-direction:column}.video-title{font-size:.82rem;font-weight:500;line-height:1.3;margin-bottom:5px;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-meta{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;margin-top:auto}.video-card-meta span{display:flex;align-items:center;gap:4px}.pagination{display:flex;justify-content:center;padding:40px 0 20px;list-style:none;flex-wrap:wrap;gap:8px}.pagination li a,.pagination li span{color:var(--text-muted);padding:8px 14px;text-decoration:none;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-card);font-size:.9rem;transition:background 0.2s}.pagination li.active a{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width:900px){.content-grid{grid-template-columns:repeat(3,1fr)}.new-lankan-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){body{padding-top:var(--header-height-mobile)}.header{height:var(--header-height-mobile)}.header-content{padding:0 12px}.logo-img{max-height:38px}.sidenav-header{height:var(--header-height-mobile)}.content-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding-bottom:16px}.new-lankan-strip{grid-template-columns:repeat(2,1fr);gap:8px}.main-content{padding:8px 10px}.video-card-info{padding:7px 8px}.video-title{font-size:.8rem;margin-bottom:4px}.video-card-meta{font-size:.7rem}.play-icon{display:none!important}.pagination{gap:5px;padding-top:20px}.pagination li a,.pagination li span{padding:8px 12px;font-size:.85rem}}