@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";body{color:#fff;font-optical-sizing:auto;background-color:#0f0f0f;font-family:Manrope,sans-serif;font-style:normal}.site-wrapper{padding-left:clamp(16px,5vw,160px);padding-right:clamp(16px,5vw,160px)}.container{padding-left:0!important;padding-right:0!important}.nav-custom{background-color:#0f0f0f;padding:15px 0}.logo-website{width:25%}.nav-link{margin-left:15px;color:#ffe501!important}.nav-link:hover{color:#fff!important}ul li a.nav-link{font-weight:200}ul li a.nav-news{font-weight:700}ul li a.nav-upload{background-color:#ffe501;border-radius:6px;font-weight:600;transition:background .2s;color:#0f0f0f!important;padding:6px 14px!important}ul li a.nav-upload:hover{background-color:#e6ce00;color:#0f0f0f!important}.modal-content{border-radius:12px}.modal-body input{height:50px;font-size:16px}.btn-masuk{background-color:#ffe501}.card-news{transition:all .3s;overflow:hidden}.card-news img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%}.card-news-body{padding:8px 0;display:grid}.card-news-large{display:grid}.card-news-body a{text-decoration:none}.hero-card h2{margin-top:10px;font-weight:700}.small-news-wrapper{margin-top:20px}.small-card img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:180px;display:block}.small-news-scroll{gap:20px;display:flex}.small-news-item{flex:1}.category{color:#ffe501;font-size:12px;font-weight:600}.ads1{width:100%}.category-nav{background-color:#111;border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f}.category-menu{scrollbar-width:none;justify-content:center;align-items:center;gap:30px;margin:0;padding:14px 0;list-style:none;display:flex;overflow-x:auto}.category-menu::-webkit-scrollbar{display:none}.category-menu li a{color:#ccc;white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.category-menu li a:hover{color:#ffc107}.hero-card{border-radius:12px;position:relative;overflow:hidden}.hero-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:420px;display:block}.card-overlay{text-align:center;background:linear-gradient(#0000,#000c);width:100%;padding:20%;position:absolute;bottom:0}.card-overlay h2{margin-top:10px;font-weight:700}.card-overlay h2 a{color:#fafefb;text-decoration:none}.meta{color:#aaa;font-size:12px}.ads-box{background:#1a1a1a;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:500px;display:flex;overflow:hidden}.ads-box.h-100,.ads-box.h-100 .ads-link{height:100%}.ads-box.h-100 img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.ads-box .ads-link{width:100%;height:500px;line-height:0;display:block}.ads-small .ads-link{width:100%;height:250px;line-height:0;display:block}.ads-box img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:500px;display:block}.ads-small img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:250px;display:block}.ads-small{background:#1a1a1a;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:250px;display:flex;overflow:hidden}.ads-small img{border-radius:10px}.list-news{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.list-news img{-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0;width:120px;height:80px}.list-news .content{flex:1;min-width:0}.list-news h6{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0;font-size:14px;display:-webkit-box;overflow:hidden}.sidebar-widget{margin-bottom:25px;padding-left:20px}.popular-horizontal{align-items:flex-start;gap:12px;width:100%;margin-bottom:20px;display:flex}.popular-horizontal .left-items{flex:0 0 130px;width:130px}.popular-horizontal .left-items img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:130px;height:100px;display:block}.popular-horizontal .right-items{flex:1;min-width:0}.popular-horizontal .right-items p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.popular-item{gap:10px;margin-bottom:15px;display:flex}.popular-item img{border-radius:6px;width:80px}.trending-list{margin:0;padding:0;list-style:none}.trending-list li{color:#e5e5e5;align-items:center;margin-bottom:20px;line-height:1;display:flex}.trending-list li:last-child{margin-bottom:0}.trending-list .number{color:#fff;width:35px;display:inline-block}.categories-list{background:#1c1c1c;border-radius:4px;margin:0;padding:0;list-style:none;overflow:hidden}.categories-list li{color:#e5e5e5;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:12px 20px;transition:background .2s;display:flex}.categories-list li:last-child{border-bottom:none}.categories-list li:hover{background:#242424}.categories-list .count{color:#ccc}.popular-vertical{height:100%;margin-bottom:20px}.popular-vertical img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:180px;margin-bottom:10px;display:block}.popular-vertical p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.section-title{border-left:3px solid #fafefb;margin-bottom:24px;padding-left:10px;font-weight:500}.section-spacing{padding:70px 0}.icon-share{align-items:center;gap:20px;display:flex}.share-item{background:#ffe501;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;display:flex}.share-item i{color:#121212;font-size:20px}.share-item:hover{background:#ffe501;transition:all .3s;transform:translateY(-3px)}.copy-alert{color:#fafefb;opacity:0;background:#000;border-radius:6px;padding:5px 10px;font-size:12px;transition:all .3s;position:absolute;bottom:-35px;transform:translateY(10px)}.copy-alert.show{opacity:1;transform:translateY(0)}.tags{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.tag-item{color:#ffe501;background:#232323;border:none;border-radius:4px;padding:8px 12px;font-weight:300;text-decoration:none;transition:all .25s;display:inline-block}.tag-item:hover{background:#333;transform:translateY(-2px)}.image-news{padding:0 80px}.upload-news{margin-top:40px;padding:0 80px}footer{background:#0f0f0f;padding:48px 0}footer h5{margin-bottom:20px}footer a{color:#ccc;margin-bottom:8px;text-decoration:none;display:block}footer a:hover{color:#ffe501}.row.footer{display:flex}.row.footer .alamat{flex:0 0 50%}.row.footer .data{flex-wrap:wrap;flex:0 0 50%;display:flex}.data .page,.data .sosmed,.data .contact{flex:0 0 33%;padding-left:16px}.data .page a,.data .sosmed a,.data .contact a{font-size:14px}.data .page .link,.data .sosmed .link,.data .contact .link{margin-top:24px}.footer-bottom{text-align:right;color:#777;border-top:1px solid #222;margin-top:30px;padding-top:15px}.logo-footer{width:230px}.alamat p{width:332px;margin-top:32px;font-size:14px}.ck-editor__editable{min-height:400px;font-size:18px;line-height:1.8}.ck-content img{max-width:100%;height:auto}.ck-content figure.image{text-align:center;margin:20px auto}.ck-editor__editable{color:#000;min-height:400px;font-size:18px;line-height:1.8}.ck-content p{margin-bottom:16px}.btn-namedia{color:#121212;background-color:#ffe501}.right-form{min-height:100vh}.form-control{background-color:#d9d9d9;border:none;border-radius:8px}.form-control:focus{box-shadow:none;border:2px solid #ffc107}.image-3d{justify-content:center;align-items:center;display:flex}h3.title-success{text-align:center;color:#ffe501;font-weight:700}.message-success{justify-content:center;align-items:center;display:flex}.message-success p{text-align:center;width:500px}@media (width<=1400px){.site-wrapper{padding-left:100px;padding-right:100px}}@media (width<=1200px){.site-wrapper{padding-left:60px;padding-right:60px}}@media (width<=992px){.ads-box{min-height:200px;margin-top:30px}.site-wrapper{padding-left:30px;padding-right:30px}.small-news-scroll{scroll-snap-type:x mandatory;padding-bottom:10px;overflow-x:auto}.small-news-scroll::-webkit-scrollbar{display:none}.small-news-item{scroll-snap-align:start;flex:0 0 280px}.small-card img{height:160px}}@media (width<=768px){.site-wrapper{padding-left:15px;padding-right:15px}.popular-item{flex-direction:column}.popular-item img{width:100%}.category-menu{justify-content:flex-start;gap:20px;padding-left:15px}.hero-card img{height:240px}.small-card img{height:160px}.section-spacing{padding:30px 0}.image-news{padding:0!important}.upload-news{margin-top:24px!important;padding:0!important}}@media (width<=992px){.hero-card img{height:300px}}@media (width<=375px){.small-news-scroll{scroll-snap-type:x mandatory;padding-bottom:10px;overflow-x:auto}.small-news-scroll::-webkit-scrollbar{display:none}.small-news-item{scroll-snap-align:start;flex:0 0 280px}.small-card img{height:160px}.list-news img{width:110px}}@media (width<=991px){.left-image{min-height:50vh}.right-form{min-height:auto;padding:60px 0}}@media (width<=576px){.sidebar-widget{padding-left:0!important}.form-container{padding:0 20px}h5.section-title{font-size:16px!important}.col-lg-4{margin-top:24px}.trending-list li{margin-bottom:16px;font-size:16px}.categories-list li{padding:8px 16px;font-size:16px!important}.popular-horizontal .left-items{flex:0 0 90px;width:90px}.popular-horizontal .left-items img{-o-object-fit:cover;object-fit:cover;width:90px;height:80px}.popular-horizontal .right-items{flex:1;margin-left:0}footer{padding-top:0!important}.card-news-body h3{font-size:20px}.news-content{margin-top:24px;font-size:14px}.section-spacing{padding:30px 0}.tag-item{border-radius:2px;padding:4px 10px;font-size:12px}.col-lg-12{margin-top:20px!important}.icon-share{gap:16px}.share-item{width:32px;height:32px}.share-item i,h2.section-title{font-size:16px}.btn-namedia{margin-bottom:40px}}@media (width<=768px){.row.footer{text-align:center;flex-direction:column;align-items:center}.row.footer .alamat{flex:0 0 100%;margin-bottom:40px}.row.footer .data{flex-direction:column;flex:0 0 100%;width:100%}.data .page,.data .sosmed,.data .contact{flex:0 0 100%;margin-bottom:28px;padding-left:0}.data .page .link,.data .sosmed .link,.data .contact .link{margin-top:12px}.logo-footer{width:200px;margin:auto;display:block}.alamat p{width:100%;margin-top:20px}.footer-bottom{text-align:center;margin-top:40px}}.client-auth-modal-content{color:#fff;background:#161616;border:1px solid #2a2a2a;border-radius:16px;overflow:hidden}.auth-panel{animation:.22s authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-modal-header{align-items:center;padding:20px 24px 0;display:flex}.auth-modal-title{color:#fff;text-align:center;flex:1;margin:0;font-size:18px;font-weight:700}.auth-close-btn,.auth-back-btn{color:#aaa;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:color .15s}.auth-close-btn:hover,.auth-back-btn:hover{color:#fff}.auth-modal-body{padding:20px 24px 28px}.auth-desc{color:#aaa;margin-bottom:20px;font-size:14px}.auth-label{color:#ccc;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-input{color:#fff!important;background:#222!important;border:1px solid #333!important;border-radius:8px!important;height:46px!important;font-size:14px!important;transition:border-color .15s!important}.auth-input:focus{color:#fff!important;background:#222!important;border-color:#ffe501!important;box-shadow:0 0 0 3px #ffe5011f!important}.auth-input::placeholder{color:#555!important}.auth-input:disabled{cursor:not-allowed;opacity:.5!important}.auth-input-group{align-items:center;display:flex;position:relative}.auth-input-group .auth-input{width:100%;padding-right:44px}.auth-eye-btn{color:#666;cursor:pointer;z-index:2;background:0 0;border:none;font-size:15px;transition:color .15s;position:absolute;right:12px}.auth-eye-btn:hover{color:#ffe501}.auth-hint{color:#666;margin-top:4px;font-size:11px;display:block}.auth-field-note{font-size:12px}.auth-field-error{color:#ff6b6b}.auth-field-success{color:#51cf66}.auth-alert{border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.auth-alert-error{color:#ff6b6b;background:#ff6b6b26;border:1px solid #ff6b6b4d}.auth-alert-success{color:#51cf66;background:#51cf661f;border:1px solid #51cf6640}.btn-auth-primary{color:#0f0f0f;background:#ffe501;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:background .2s,transform .1s}.btn-auth-primary:hover{color:#0f0f0f;background:#e6ce00;transform:translateY(-1px)}.btn-auth-outline{color:#ffe501;background:0 0;border:1px solid #ffe501;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.btn-auth-outline:hover{color:#0f0f0f;background:#ffe501}.btn-auth-google{color:#fff;background:#222;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;padding:11px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.btn-auth-google:hover{color:#fff;background:#2d2d2d;border-color:#555}.btn-auth-skip{color:#666;background:0 0;border:1px solid #2a2a2a;border-radius:8px;padding:10px 20px;font-size:13px;transition:color .2s}.btn-auth-skip:hover{color:#aaa;border-color:#444}.auth-link-btn{color:#ffe501;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.auth-link-btn:hover{color:#fff}.auth-register-text{text-align:center;color:#888;margin-bottom:8px;font-size:13px}.auth-avatar-preview{width:100px;margin:0 auto;position:relative}.auth-avatar-img{-o-object-fit:cover;object-fit:cover;border:2px solid #333;border-radius:50%;width:100px;height:100px;display:block}.auth-avatar-label{color:#0f0f0f;cursor:pointer;background:#ffe501;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex;position:absolute;bottom:2px;right:2px}.auth-avatar-label:hover{background:#e6ce00}.standalone-auth-box{background:#161616;border:1px solid #2a2a2a;border-radius:16px;width:100%;max-width:480px;padding:36px 40px}.btn-upgrade-premium{color:#0f0f0f;background:linear-gradient(135deg,#ffe501,#ffb800);border:none;border-radius:20px;align-items:center;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-upgrade-premium:hover{opacity:.88;color:#0f0f0f}.client-user-menu{align-items:center;gap:8px;display:flex}.client-user-dropdown{position:relative}.client-user-trigger{cursor:pointer;color:#fff;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:24px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:13px;transition:background .15s;display:flex}.client-user-trigger:hover{background:#222;border-color:#444}.client-user-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.client-user-info{text-align:left;flex-direction:column;line-height:1.2;display:flex}.client-user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:12px;font-weight:600;overflow:hidden}.client-user-badge{border-radius:4px;margin-top:1px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.badge-free{color:#aaa;background:#333}.badge-premium{color:#0f0f0f;background:#ffe501}.client-user-dropdown-menu{z-index:1050;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;min-width:160px;padding:6px 0;animation:.18s authFadeIn;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000080}.client-user-dropdown-menu.show{display:block}.client-dropdown-item{color:#ccc;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:9px 16px;font-size:13px;text-decoration:none;transition:background .12s,color .12s;display:flex}.client-dropdown-item:hover{color:#fff;background:#222}.client-profile-card{background:#161616;border:1px solid #2a2a2a;border-radius:14px;padding:28px}.client-profile-header{align-items:center;gap:20px;margin-bottom:24px;display:flex}.client-profile-avatar-wrap{flex-shrink:0;width:80px;position:relative}.client-profile-avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #333;border-radius:50%;width:80px;height:80px;display:block}.client-profile-avatar-edit{color:#0f0f0f;cursor:pointer;background:#ffe501;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex;position:absolute;bottom:0;right:0}.client-badge{border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}