.header-container,.main-header{width:100%;display:flex;align-items:center}.main-header{position:fixed;top:0;left:0;height:60px;background-color:#fff;box-shadow:0 2px 5px rgb(0 0 0/.1);z-index:1000}.header-container{justify-content:space-between;padding:0 15px}.logo img{height:30px;display:block}.header-spacer{height:60px}.nav-container{background:#000;padding:10px 0;border-bottom:1px solid #333}.nav-scroll{display:flex;overflow-x:auto;white-space:nowrap;padding-left:15px;-webkit-overflow-scrolling:touch}.nav-scroll::-webkit-scrollbar,.slider-wrapper::-webkit-scrollbar{display:none}.nav-item{color:#fff;text-decoration:none;margin-right:20px;font-weight:700;font-size:14px}.section-title{font-size:18px;margin:20px 15px 15px;padding-left:10px;border-left:4px solid #b30000;display:flex;align-items:center}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:0 15px}.news-card{display:flex;flex-direction:column}.news-thumb{width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:8px}.news-item-thumb img,.news-thumb img{width:100%;height:100%;object-fit:cover}.news-info p{font-size:14px;font-weight:600;margin-top:8px;line-height:1.3;color:#222;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.terkini{padding:10px 0;background-color:#fff}.news-list{display:flex;flex-direction:column}.news-item{display:flex;padding:15px;border-bottom:1px solid #f0f0f0;gap:12px}.news-item-thumb{flex:0 0 110px;height:110px}.news-item-thumb img{border-radius:8px}.news-item-content{display:flex;flex-direction:column;justify-content:space-between}.news-item-title{font-size:15px;line-height:1.4;font-weight:600;color:#333;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.grid-card h4,.meta{margin-top:8px;font-size:11px}.meta-tag{color:#d32f2f;margin-right:8px}.popular-grid{grid-template-rows:auto auto}.dot.active{background-color:#333;transform:scale(1.2);width:20px;border-radius:10px}.grid-card img,.infografik-card .img-container{width:100%;border-radius:8px;background-color:#eee}.grid-card img{aspect-ratio:3/2;object-fit:cover}.grid-card h4{font-size:14px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.slider-wrapper{-webkit-overflow-scrolling:touch}.dot{display:inline-block;margin:0 3px}.slider-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;background:#fff}.slide-page{min-width:100%;scroll-snap-align:start;padding:0 15px 15px;box-sizing:border-box}.popular-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid-card{display:flex;flex-direction:column;text-decoration:none;color:#333}.meta-time{font-size:11px;color:#888;margin-top:5px}.dots-container{display:flex;justify-content:center;align-items:center;gap:8px;background:#fff;padding-bottom:20px}.dot{width:8px;height:8px;background-color:#ccc;border-radius:50%;transition:all .3s ease}.infografik-section{background-color:#fff;padding:10px 0 20px}.infografik-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 15px}.infografik-card{display:flex;flex-direction:column}.infografik-card .img-container{aspect-ratio:4/5;overflow:hidden;box-shadow:0 2px 6px rgb(0 0 0/.1)}.infografik-card img{width:100%;height:100%;object-fit:cover;display:block}.main-footer{background-color:#1a1a1a;color:#fff;padding:20px 0;font-family:Arial,sans-serif}.social-icons{display:flex;gap:15px;font-size:20px}.footer-divider{border:0;border-top:1px solid #333;margin:0}.footer-bottom{text-align:center;padding:20px 0;display:flex;justify-content:center}.floating-buttons{position:fixed;bottom:20px;right:15px;display:flex;flex-direction:column;gap:10px;z-index:1000}