:root{--primary-color:#0070f3;--secondary-color:#00dfd8;--text-main:#1a1a1a;--text-muted:#555;--bg-light:#f8f9fa;--white:#fff;--shadow:0 10px 30px rgba(0,0,0,.08);--border-radius:12px}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--text-main);line-height:1.6}.custom-hero{background:linear-gradient(135deg,#fff 0%,#eef2f7 100%);padding:20px 0;overflow:hidden}.hero-inner{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.hero-content{flex:1;min-width:300px}.hero-content h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:20px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.2rem;color:var(--text-muted);margin-bottom:30px;max-width:800px}.hero-visual{flex:1;text-align:center;min-width:300px}.hero-visual img{max-width:90%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,112,243,.15))}.topics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0}.topic-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #edf2f7;text-align:left;transition:all .3s ease}.topic-card:hover{border-color:#0073aa;box-shadow:0 10px 20px rgba(0,0,0,.05)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.card-header i{font-size:24px}.card-header h3{margin:0;font-size:18px;color:#1a202c;font-weight:700}.topic-card p{margin:0;font-size:13px;line-height:1.5;color:#718096}.icon-linux{color:#333}.icon-cloud{color:#0af}.icon-docker{color:#2496ed}.icon-cpanel{color:#ff6c2c}@media (max-width:600px){.topics-grid{grid-template-columns:1fr}}.button{background-color:var(--primary-color)!important;color:var(--white)!important;padding:15px 35px!important;border-radius:50px!important;font-weight:600!important;transition:all .3s ease!important;box-shadow:0 4px 14px 0 rgba(0,118,255,.39)!important}.button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,118,255,.23)!important;background-color:#0061d1!important}.category-section{padding:80px 0;background:var(--white)}.section-title{text-align:center;font-weight:700;margin-bottom:50px;font-size:2rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.cat-card{padding:40px;background:var(--white);border-radius:var(--border-radius);border:1px solid #eaeaea;transition:all .3s ease;text-align:center}.cat-card:hover{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:var(--shadow)}.cat-card h3{margin-bottom:15px;color:var(--primary-color);font-weight:700}.cat-card p{font-size:.95rem;color:var(--text-muted)}@media (max-width:768px){.utility-inner{grid-template-columns:1fr}.hero-content{text-align:center}.hero-content p{margin:0 auto 30px}}.custom-hero .grid-container{max-width:1800px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.hero-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:40px}html,body{overflow-x:visible}.hero-inner{display:grid;grid-template-columns:1fr 300px 1fr;align-items:start;gap:30px;width:100%}.hero-ads-middle{display:flex;justify-content:center;align-items:flex-start}.ads-wrapper{width:300px;height:600px;background:#f9f9f9;border:1px dashed #ddd;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.ads-wrapper::before{content:"ADVERTISEMENT";position:absolute;top:5px;font-size:9px;color:#bbb;letter-spacing:1px}@media (max-width:1200px){.hero-inner{gap:15px;grid-template-columns:1fr 300px .8fr}}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr 300px}.hero-visual{display:none!important}}@media (max-width:768px){.hero-inner{display:flex;flex-direction:column;align-items:center}.hero-content{width:100%;text-align:center}.hero-ads-middle{width:100%;order:2;margin:30px 0}.ads-wrapper{width:300px;height:250px;min-height:250px}}.search-section{padding:40px 0;background-color:#1e2124;border-top:1px solid #333;border-bottom:1px solid #333}.search-container-horizontal{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto}.search-headline h2{font-size:26px;font-weight:700;margin:0;color:#fff;line-height:1.2}.search-form-wrapper{flex:2;max-width:750px}.search-input-group{display:flex;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.3);border-radius:50px;overflow:hidden;border:1px solid #444;transition:all .3s ease}.search-input-group:focus-within{border-color:var(--primary-color);box-shadow:0 0 15px rgba(0,112,243,.4)}.search-field{flex-grow:1;border:none!important;padding:18px 30px!important;font-size:16px;outline:none;background-color:#fff;color:#333}.search-submit{background:var(--primary-color)!important;color:#fff!important;border:none;padding:0 35px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer}@media (max-width:992px){.search-container-horizontal{flex-direction:column;text-align:center;gap:25px}}.search-section{padding:50px 0;background-color:#1e2124;border-top:1px solid #333}.search-container-horizontal{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto}.search-headline{flex:1;text-align:left}.search-headline h2{font-size:28px;font-weight:800;margin:0 0 5px 0;color:#fff;line-height:1.1}.search-headline p{font-size:20px;font-weight:800;margin:0;color:#a0aec0;letter-spacing:.5px}.search-form-wrapper{flex:2;max-width:750px}.search-input-group{display:flex;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.4);border-radius:50px;overflow:hidden;border:1px solid #444}.search-field{flex-grow:1;border:none!important;padding:18px 30px!important;font-size:16px;outline:none}.search-submit{background:var(--primary-color)!important;color:#fff!important;border:none;padding:0 35px;font-weight:700;cursor:pointer}@media (max-width:992px){.search-container-horizontal{flex-direction:column;text-align:center;gap:30px}.search-headline{text-align:center}}.subscribe-section{padding:5px 0;background-color:#fff}.subscribe-inner{display:flex;align-items:center;justify-content:space-between;gap:60px}.subscribe-content{flex:1.2}.subscribe-image{flex:.8;text-align:center}.fluent-form-wrapper .ff-el-form-content{margin-bottom:0!important}.fluent-form-wrapper form.frm-fluentform{display:flex;flex-wrap:wrap;gap:10px}.fluent-form-wrapper .ff-el-group{flex:1;margin-bottom:0!important}.fluent-form-wrapper .ff-el-form-control{border-radius:8px!important;padding:12px 15px!important}.fluent-form-wrapper .ff-btn-submit{width:auto!important;padding:0 30px!important;border-radius:8px!important;height:50px}@media (max-width:768px){.subscribe-inner{flex-direction:column;text-align:center}.fluent-form-wrapper form.frm-fluentform{flex-direction:column}}@media (max-width:992px){.subscribe-inner{flex-direction:column;text-align:center;gap:40px}.subscribe-input-group{margin:0 auto;flex-direction:column}.subscribe-image{order:-1}}.latest-articles{padding:20px 0;background-color:#f8f9fa}.latest-articles .grid-container{max-width:1600px!important;margin:0 auto;padding:0 30px}.section-title{text-align:center;font-size:32px;font-weight:800;margin-bottom:50px;position:relative}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.article-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eee;transition:all .3s ease;display:flex}.card-link-wrapper{text-decoration:none!important;color:inherit;display:flex;flex-direction:column;width:100%}.article-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:var(--primary-color)}.article-card:hover .article-thumbnail img{transform:scale(1.1)}.article-body{padding:25px;display:flex;flex-direction:column;flex-grow:1}.article-cat{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--primary-color);margin-bottom:10px;letter-spacing:1px}.article-body h3{font-size:20px;line-height:1.4;margin-bottom:15px;font-weight:700}.article-excerpt{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6}.read-more{margin-top:auto;font-size:14px;font-weight:700;color:var(--primary-color);transition:margin-left .3s ease}.article-card:hover .read-more{margin-left:5px}@media (max-width:1400px){.article-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.article-grid{grid-template-columns:1fr;gap:20px}.latest-articles .grid-container{padding:0 20px}}.article-cat{display:inline-flex;align-items:center;width:fit-content;white-space:nowrap;font-size:11px;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:12px;letter-spacing:.5px;line-height:1}.article-cat.cat-linux-server{background-color:#0fe80c!important;color:#fff!important}.article-cat.cat-cpanel{background-color:#ff6c2c!important;color:#fff!important}.article-cat.cat-wordpress{background-color:#1a202c!important;color:#fff!important}.article-cat.cat-keamanan-website{background-color:#e82d0c!important;color:#fff!important}.article-thumbnail{width:100%;height:200px;overflow:hidden;background-color:#f0f0f0;position:relative}.article-thumbnail::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 100%);pointer-events:none;transition:height .3s ease}.article-card:hover .article-thumbnail::after{height:55%;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%)}.article-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.article-card:hover .article-thumbnail img{transform:scale(1.1)}.article-body{padding:20px;display:flex;flex-direction:column;align-items:flex-start}.article-cat{display:inline-block;width:fit-content;font-size:11px;font-weight:800;padding:4px 10px;border-radius:4px;margin-bottom:12px;text-transform:uppercase;line-height:1}.article-body h3{margin-top:0;font-size:18px;line-height:1.4}.subscribe-section{padding:20px 0;background-color:#1a1d21;position:relative;border-top:1px solid #2d3436;border-bottom:1px solid #2d3436}.subscribe-content h2{color:#fff!important;font-size:36px;margin-bottom:20px}.subscribe-content p{color:#a0aec0!important;font-size:18px;line-height:1.6}.subscribe-image img{height:400px;width:auto;object-fit:cover;border-radius:40px;display:block}@media (min-width:768px){.subscribe-image img{width:100%;max-width:450px;margin-left:auto}}.spam-text{color:#718096!important}.pre-footer{background-color:#fff;padding:60px 0;border-top:1px solid #f0f0f0;width:100%}.grid-container{max-width:1600px;margin:0 auto;padding:0 40px}.footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px}.footer-col.col-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo{max-width:180px;height:auto;margin-bottom:20px;display:block}.social-links{display:flex;justify-content:center;gap:10px;margin-top:10px}}

.social-links a:hover {background:#0073aa;color:#fff;transform:translateY(-3px)}.footer-col h4{font-size:18px;font-weight:700;margin-bottom:25px;color:#222;position:relative}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin-bottom:12px;font-size:14px}.footer-list li a{color:#555;text-decoration:none;transition:color .2s}.footer-list li a:hover{color:#0073aa}.comment-author{font-weight:600;color:#222;display:block;font-size:13px;margin-bottom:2px}@media (max-width:992px){.footer-columns{grid-template-columns:1fr 1fr}}@media (max-width:600px){.footer-columns{grid-template-columns:1fr;text-align:center}.footer-logo{margin:0 auto 20px}.social-links{justify-content:center;display:flex}}.site-footer .site-info{height:80px;min-height:80px;padding:0!important;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff}.site-footer .site-info a{color:#fff}.single-post .content-area{float:none;margin-left:auto;margin-right:auto}.single-post .entry-content img{height:auto;max-width:100%}.site-header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:99999;background-color:#000!important;border-bottom:2px solid #2b59c3;transition:all .4s ease-in-out!important}#site-navigation{background-color:#000!important;border:none!important}#page{margin-top:80px!important}.site-logo img{height:60px!important;width:auto!important;transition:all .4s ease-in-out}@media (min-width:769px){.inside-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;max-width:1600px!important;margin-left:200px!important;margin-right:auto!important;height:80px;padding:0 20px;background-color:#000!important}.main-navigation .main-nav ul{display:flex!important;background-color:transparent!important}.main-navigation .main-nav ul li a{color:#fff!important;background-color:transparent!important;padding:0 20px;line-height:80px;font-weight:600}.main-navigation .main-nav ul li:hover>a{color:#4caf50!important;background-color:transparent!important}}.site-header.nav-scrolled{background-color:rgba(0,0,0,.95)!important}.nav-scrolled .site-logo img{height:45px!important}@media (max-width:768px){.inside-header{background-color:#000!important;height:70px}.site-logo img{height:45px!important}.main-navigation.toggled .main-nav ul{background-color:#000!important}}Admin Bar Fix */
.admin-bar .site-header {top:32px!important}@media (max-width:782px){.admin-bar .site-header{top:46px!important}}