:root{--primary-color:#3d84ff;--primary-hover:#5e9aff;--background-dark:#121212;--background-card:#1e1e1e;--background-card-hover:#2a2a2a;--background-lighter:#222222;--text-primary:#ffffff;--text-secondary:#bbbbbb;--text-muted:#999999;--border-color:#333333;--shadow-color:rgba(0, 0, 0, 0.4);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition:all 0.3s ease;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--font-sm:0.75rem;--font-md:0.875rem;--font-lg:1rem;--font-xl:1.25rem;--font-2xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background-dark)}img{max-width:100%;height:auto}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}button{cursor:pointer;transition:var(--transition)}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p,span,li,td,th,label,input,textarea,select,option{color:var(--text-primary)}small,.text-small{color:var(--text-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 5px}main{padding-top:var(--spacing-md);min-height:calc(100vh - 120px);background-color:var(--background-dark)}.header-spacer{height:70px}.main-header{position:fixed;top:0;left:0;right:0;background-color:var(--background-card);box-shadow:0 2px 10px var(--shadow-color);z-index:1000;padding:0 20px}.header-container{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1200px;margin:0 auto}.site-logo{font-size:var(--font-xl);font-weight:700;color:var(--primary-color);display:flex;align-items:center}.site-logo i{margin-right:10px;font-size:1.8rem}.search-container{position:relative;margin-right:20px;flex-grow:1;max-width:400px;margin-left:20px}.search-form{display:flex;position:relative}.search-input{width:100%;padding:10px 15px;padding-right:40px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-md);transition:var(--transition);background-color:var(--background-lighter);color:var(--text-primary)}.search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgb(61 132 255 / .2)}.search-button{position:absolute;right:0;top:0;bottom:0;background:none;border:none;padding:0 15px;color:var(--text-secondary);transition:var(--transition)}.search-button:hover{color:var(--primary-color)}.search-toggle{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-primary)}.nav-menu{display:flex;list-style:none;margin:0;padding:0}.nav-item{position:relative;margin-left:5px;min-height:48px;display:flex;align-items:center}.nav-link{display:flex;align-items:center;padding:10px 15px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:var(--font-md);border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap}.nav-link:hover{background-color:var(--background-card-hover);color:var(--primary-color)}.nav-link.active{color:var(--primary-color);background-color:rgb(61 132 255 / .1)}.nav-link i{margin-right:8px;font-size:16px}.nav-link svg{margin-right:5px}.dropdown-icon{margin-left:6px;transition:var(--transition)}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--background-card);box-shadow:0 5px 15px var(--shadow-color);border-radius:var(--radius-md);min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100;padding:8px 0;transform-origin:top left;will-change:transform,opacity;pointer-events:none}.dropdown-item{display:block;padding:10px 15px;color:var(--text-primary);text-decoration:none;font-size:var(--font-md);transition:var(--transition)}.dropdown-item:hover{background-color:var(--background-card-hover);color:var(--primary-color)}.dropdown-item i{margin-right:8px;font-size:14px;width:16px;text-align:center}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-item:hover .dropdown-icon{transform:rotate(180deg)}.menu-toggle,.search-toggle-mobile{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.section-title{display:flex;align-items:center;font-size:var(--font-xl);font-weight:600;color:var(--text-primary)}.section-title svg{margin-right:8px;color:var(--primary-color)}.view-toggle{display:flex}.view-toggle-btn{background:none;border:none;cursor:pointer;padding:5px;margin-left:5px;color:var(--text-secondary)}.view-toggle-btn.active{color:var(--primary-color)}.video-player-container{width:100%;max-width:100%;margin:0 auto var(--spacing-md);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 16px var(--shadow-color);background-color:#000;position:relative}.video-js{width:100%;height:0;padding-top:56.25%;position:relative}.vjs-poster{background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.vjs-big-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:none;border-radius:50%;color:var(--text-primary);font-size:2.5em;line-height:80px;text-align:center;cursor:pointer;background-color:rgb(61 132 255 / .7);transition:var(--transition);z-index:2}.vjs-big-play-button:hover{background-color:var(--primary-color);transform:translate(-50%,-50%) scale(1.1)}.vjs-icon-placeholder::before{content:"\25B6"}.theater-mode-player{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#000;display:flex;align-items:center;justify-content:center}.theater-mode-player iframe{width:100%;height:100%;border:none}.theater-mode-player .exit-theater{position:absolute;top:15px;right:15px;background:rgb(0 0 0 / .5);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:var(--transition)}.theater-mode-player .exit-theater:hover{background:rgb(0 0 0 / .8)}.theater-mode-player .player-controls{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,rgb(0 0 0 / .8));padding:15px;display:flex;align-items:center;opacity:0;transition:opacity 0.3s ease}.theater-mode-player:hover .player-controls{opacity:1}.theater-mode-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);z-index:1000;backdrop-filter:blur(5px)}.video-controls{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,rgb(0 0 0 / .7));padding:10px;display:flex;align-items:center;opacity:0;transition:opacity 0.3s ease}.video-player-container:hover .video-controls{opacity:1}.video-progress{flex-grow:1;height:4px;background:rgb(255 255 255 / .2);margin:0 10px;position:relative;cursor:pointer;border-radius:2px}.video-progress-filled{background:var(--primary-color);height:100%;width:0;border-radius:2px;position:relative}.video-progress-handle{width:12px;height:12px;border-radius:50%;background:var(--primary-color);position:absolute;right:-6px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 3px rgb(61 132 255 / .3);transition:transform 0.1s}.video-progress:hover .video-progress-handle{transform:translateY(-50%) scale(1.2)}.download-button{display:inline-block;background-color:var(--primary-color);color:var(--text-primary);padding:12px 24px;border-radius:var(--radius-md);font-weight:600;text-align:center;transition:var(--transition);margin:var(--spacing-md) auto;text-decoration:none;box-shadow:0 2px 5px var(--shadow-color)}.download-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.download-button:active{transform:translateY(0);box-shadow:0 2px 3px var(--shadow-color)}.download-button span,.download-button i{color:var(--text-primary)}.breadcrumbs{display:flex;font-size:var(--font-sm);color:var(--text-secondary);margin:8px 0;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breadcrumbs a{color:var(--primary-color);text-decoration:none;white-space:nowrap}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .separator{margin:0 8px;color:var(--text-secondary)}.breadcrumbs span{color:var(--text-secondary)}.breadcrumbs span[itemprop="name"]{color:var(--text-primary)}.dropdown{margin:var(--spacing-md) 0;border-radius:var(--radius-md);overflow:hidden;background-color:var(--background-card)}.akun{display:block;padding:12px;background-color:var(--background-card-hover);cursor:pointer;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.submenu{padding:15px;background-color:var(--background-card);line-height:1.6;font-size:var(--font-md);color:var(--text-secondary)}.submenu p,.submenu b{color:var(--text-secondary)}.submenu b{color:var(--text-primary);font-weight:600}.video-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}.video-card{display:block;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px var(--shadow-color);transition:var(--transition);text-decoration:none;color:inherit;background-color:var(--background-card)}.video-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px var(--shadow-color);border-color:var(--primary-color)}.video-thumbnail{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background-color:var(--background-lighter)}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:8px;right:8px;background-color:rgb(0 0 0 / .7);color:var(--text-primary);padding:3px 6px;border-radius:4px;font-size:var(--font-sm)}.video-info{padding:12px}.video-title{font-size:var(--font-md);font-weight:500;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--text-primary)}.video-list{display:flex;flex-direction:column;gap:12px}.video-list .video-card{display:flex;flex-direction:row;align-items:center;height:auto;border-radius:var(--radius-md);overflow:hidden}.video-list .video-thumbnail{width:120px;min-width:120px;height:68px;padding-top:0}.video-list .video-info{flex:1;padding:8px 12px}.video-list .video-title{font-size:var(--font-sm);-webkit-line-clamp:2}.video-list .video-duration{bottom:4px;right:4px;padding:2px 4px;font-size:10px}article.mb-8{margin-bottom:var(--spacing-lg);background-color:var(--background-card);border-radius:var(--radius-md);padding:var(--spacing-md)}.wrap-crumbs{background-color:var(--background-card);padding:10px 15px;border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}article h1,article h2,article h3{color:var(--text-primary)}article p,article span{color:var(--text-secondary)}article time{color:var(--text-muted)}.entry-title{color:var(--text-primary)!important}.entry-meta{color:var(--text-secondary)!important}.entry-meta a{color:var(--primary-color)!important}.feature-card{background-color:var(--background-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 2px 8px var(--shadow-color);text-align:center;transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px var(--shadow-color)}.feature-icon{margin-bottom:var(--spacing-md);color:var(--primary-color)}.feature-title{font-size:var(--font-lg);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.feature-description{color:var(--text-secondary);font-size:var(--font-md)}.grid{display:grid;gap:20px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.col-masonry-4{width:100%}.gmr-box-content{background-color:var(--background-card);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md);transition:var(--transition)}.gmr-box-content:hover{transform:translateY(-5px);box-shadow:0 5px 15px var(--shadow-color)}.img-thumbnail{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background-color:var(--background-lighter)}.item-article{padding:var(--spacing-md)}.entry-title{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.entry-meta{font-size:var(--font-sm);color:var(--text-secondary);margin-top:var(--spacing-sm)}.footer{background-color:var(--background-card);padding:40px 0 20px;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;margin-bottom:30px}.footer-section h3{font-size:1.1rem;margin-bottom:15px;color:var(--text-primary);padding-bottom:8px}.footer-links{list-style:none}.footer-link{margin-bottom:8px}.footer-link a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-md)}.footer-link a:hover{color:var(--primary-color)}.footer-social{display:flex;gap:15px}.footer-social a{color:var(--text-secondary)}.footer-social a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-md)}.tmenu{display:flex;flex-wrap:wrap;justify-content:center;padding:var(--spacing-md) 0;background-color:var(--background-card);border-top:1px solid var(--border-color)}.tmenu a{color:var(--text-secondary);margin:0 var(--spacing-sm);transition:var(--transition)}.tmenu a:hover{color:var(--primary-color)}#footer-container{background-color:var(--background-card);color:var(--text-secondary)}#footer-container p,#footer-container span{color:var(--text-secondary)}.gmr-ontop{position:fixed;bottom:30px;right:30px;z-index:999;width:40px;height:40px;background-color:var(--primary-color);color:var(--text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px var(--shadow-color);transition:var(--transition)}.gmr-ontop:hover{background-color:var(--primary-hover);transform:translateY(-5px)}.gmr-hide{opacity:0;visibility:hidden;transform:translateY(20px)}.text-secondary{color:var(--text-secondary)!important}.text-primary{color:var(--primary-color)!important}.text-sm{font-size:var(--font-sm)}.text-center{text-align:center}.text-2xl{font-size:var(--font-xl)}.md\:text-3xl{font-size:var(--font-2xl)}.font-bold{font-weight:700}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-8{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.ml-2{margin-left:var(--spacing-sm)}.mr-1{margin-right:.25rem}.mr-2{margin-right:var(--spacing-sm)}.mx-2{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.py-6{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.items-center{align-items:center}.justify-center{justify-content:center}.min-h-screen{min-height:100vh}.gap-4{gap:var(--spacing-md)}input,textarea,select{background-color:var(--background-lighter);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);outline:none}button,.btn{background-color:var(--primary-color);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer}button:hover,.btn:hover{background-color:var(--primary-hover)}@media (min-width:640px){.video-grid{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.video-grid{grid-template-columns:repeat(3,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.footer-content{grid-template-columns:repeat(3,1fr)}.col-masonry-4{width:33.333%}}@media (min-width:1024px){.video-grid{grid-template-columns:repeat(4,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-masonry-4{width:25%}}@media (max-width:1023px){.video-grid{display:flex;flex-direction:column;gap:12px}.video-card{display:flex;flex-direction:row;align-items:center;height:auto}.video-thumbnail{width:120px;min-width:120px;height:68px;padding-top:0}.video-info{flex:1;padding:8px 12px}.video-title{font-size:var(--font-sm);-webkit-line-clamp:2}.video-duration{bottom:4px;right:4px;padding:2px 4px;font-size:10px}.view-toggle{display:none}}@media (max-width:992px){.nav-menu{position:fixed;top:70px;left:-100%;flex-direction:column;background-color:var(--background-card);width:280px;height:100vh;padding:20px;box-shadow:5px 0 15px var(--shadow-color);transition:var(--transition);overflow-y:auto}.nav-menu.active{left:0}.nav-item{margin:5px 0;width:100%;min-height:auto;display:block}.dropdown-menu{position:static;box-shadow:none;opacity:1;visibility:visible;transform:translateY(0);display:none;padding:0;padding-left:25px;margin-top:5px;margin-bottom:10px;border:none}.nav-item.dropdown-active .dropdown-menu{display:block}.menu-toggle{display:block}.search-container{margin-right:15px;margin-left:0}.nav-link{justify-content:space-between}.dropdown-icon{margin-left:auto}.nav-item:hover .dropdown-menu{display:none}.nav-item.dropdown-active .dropdown-icon{transform:rotate(180deg)}.overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .7);display:none;z-index:99}.overlay.active{display:block}}@media (max-width:768px){.tmenu{overflow-x:auto;white-space:nowrap;justify-content:flex-start;padding:10px 0}.theater-mode-player{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}}@media (max-width:576px){.header-container{padding:0}.search-container{display:none;position:absolute;top:70px;left:0;right:0;padding:15px;background-color:var(--background-card);box-shadow:0 5px 15px var(--shadow-color);z-index:98}.search-container.active{display:block}.search-toggle{display:flex!important}.site-logo{font-size:1.2rem}.vjs-big-play-button{width:60px;height:60px;line-height:60px;font-size:2em}}@media (max-width:767px){.hidden{display:none}.md\:block{display:block}.search-toggle-mobile,.menu-toggle{display:block}.nav-item{margin:10px 0}.video-player-container{margin-left:-15px;margin-right:-15px;width:calc(100% + 30px);border-radius:0}}.entry-date,.updated,.byline,.entry-author{color:var(--text-secondary)!important}time{color:var(--text-secondary)!important}.entry-meta span{color:var(--text-secondary)!important}.entry-meta a{color:var(--primary-color)!important}.item-article h2 a{color:var(--text-primary)!important}.item-article .entry-meta{color:var(--text-secondary)!important}.gmr-metacontent{color:var(--text-secondary)!important}.gmr-metacontent span{color:var(--text-secondary)!important}.gmr-metacontent a{color:var(--primary-color)!important}.mb-8.hentry{margin-right:0;padding-right:0;width:100%;max-width:100%;overflow-x:hidden}.mb-8.hentry>*{margin-right:0;padding-right:0;max-width:100%}.lazy{opacity:0;transition:opacity 0.3s ease}.lazy.loaded{opacity:1}.video-player-container{position:relative;width:100%;background:#000}.video-player-container iframe{display:block;width:100%;height:500px;border:none}.text-center.mb-6{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em;line-height:1.5}[itemprop="name"]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.video-title.entry-title,.video-title.entry-title a,.video-title.entry-title a:link,.video-title.entry-title a:visited{color:#ffffff!important;text-decoration:none!important}.video-title.entry-title a:hover{color:#2196F3!important}.download-container{width:100%;padding:15px;margin:10px auto}.download-button{display:inline-block;padding:12px 24px;background:linear-gradient(45deg,#2196F3,#1976D2);color:#fff;text-decoration:none;border-radius:25px;font-weight:700;transition:all 0.3s ease;box-shadow:0 2px 5px rgb(0 0 0 / .2);min-width:200px}.download-button:hover{background:linear-gradient(45deg,#1976D2,#2196F3);transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .3)}@media screen and (max-width:768px){.download-container{padding:10px}.download-button{width:90%;max-width:300px;padding:15px 20px;font-size:16px}}@media screen and (max-width:480px){.download-button{width:95%;padding:12px 15px;font-size:15px}}