/* NOKOS.MY.ID SKETCH THEME V2 — unified main / FAQ / blog visual layer */
:root{
  --nn-bg:#050b16;--nn-surface:#0a1425;--nn-panel:#0d1b30;--nn-panel2:#10223b;
  --nn-blue:#087cff;--nn-blue2:#1d4ed8;--nn-cyan:#16c8ff;--nn-text:#edf5ff;--nn-muted:#91a6c3;
  --nn-line:rgba(92,151,207,.20);--nn-glow:rgba(8,124,255,.22)
}
html,body{background:var(--nn-bg)!important;color:var(--nn-text)!important}
body{background-image:radial-gradient(circle at 15% 0,rgba(8,124,255,.10),transparent 32%),radial-gradient(circle at 85% 15%,rgba(22,200,255,.07),transparent 30%)!important}
.nm-page{background:radial-gradient(circle at 80% 0,rgba(8,124,255,.13),transparent 38%),#050b16!important}
.nm-nav{background:rgba(5,11,22,.88)!important;border-bottom:1px solid var(--nn-line)!important;backdrop-filter:blur(20px)}
.nm-logo{background:linear-gradient(135deg,var(--nn-blue),var(--nn-cyan))!important;box-shadow:0 8px 28px rgba(8,124,255,.25)!important}
.nm-btn.primary,.btn-primary{background:linear-gradient(135deg,var(--nn-blue),var(--nn-blue2))!important;border-color:#1688ff!important;box-shadow:0 10px 28px rgba(8,124,255,.22)!important}
.nm-btn.ghost,.btn-outline{background:rgba(10,20,37,.82)!important;border-color:#244764!important;color:var(--nn-text)!important}
.nm-kicker,.nm-tag,.pixel-tag{color:#54cfff!important}
.nm-hero-copy h1,.nm-hero h1{color:var(--nn-text)!important}
.nm-hero-copy h1 span,.nm-hero h1 span{color:var(--nn-cyan)!important}
.nm-trust span,.nm-stat,.nm-feature,.nm-service,.nm-blog-card,.nm-faq details,.nm-cta,.nm-flow,.nm-notify,.nm-post,.article-paper,.faq-item,.faq-contact{background:linear-gradient(145deg,rgba(13,27,48,.96),rgba(6,17,31,.98))!important;border-color:var(--nn-line)!important}
.nm-section.alt{background:rgba(7,19,34,.72)!important}
.nm-phone{border-color:#1678bd!important;box-shadow:0 0 70px rgba(8,124,255,.18)!important}
.nm-stat-icon,.nm-icon{background:rgba(8,124,255,.10)!important;border-color:rgba(8,124,255,.24)!important}
.nm-service.active{border-color:#1688ff!important;box-shadow:0 0 0 1px rgba(8,124,255,.20),0 0 24px rgba(8,124,255,.12)!important}
.nm-post:hover,.nm-blog-card:hover,.nm-feature:hover,.faq-item:hover{border-color:rgba(22,200,255,.42)!important;box-shadow:0 14px 45px rgba(0,0,0,.22),0 0 24px rgba(8,124,255,.07)}
.nm-blog-hero{background:radial-gradient(circle at 75% 30%,rgba(8,124,255,.13),transparent 35%)}
.nm-post h2 a,.nm-blog-card h3,.nm-footer a{color:#edf5ff!important}
.nm-post p,.nm-blog-card p,.nm-head p,.nm-blog-hero p,.nm-footer p{color:var(--nn-muted)!important}
.nm-pagination a,.nm-pagination span{background:rgba(13,27,48,.75)!important;border-color:var(--nn-line)!important;color:#b9d0e8!important}
.nm-footer{background:#040b15!important;border-top-color:var(--nn-line)!important}
/* FAQ legacy layout */
.pixel-ui .navbar{background:rgba(5,11,22,.88)!important;border-bottom:1px solid var(--nn-line)!important;backdrop-filter:blur(20px)}
.pixel-ui .nav-logo-text,.pixel-ui .nav-links a{color:#dcecff!important}
.pixel-ui .nav-logo-icon{background:linear-gradient(135deg,var(--nn-blue),var(--nn-cyan))!important;box-shadow:0 0 24px rgba(8,124,255,.20)!important}
.pixel-ui .faq-page{max-width:920px!important}
.pixel-ui .faq-header h1{color:var(--nn-text)!important}
.pixel-ui .faq-header p{color:var(--nn-muted)!important}
.pixel-ui .faq-question{background:linear-gradient(145deg,#0d1b30,#081524)!important;color:var(--nn-text)!important}
.pixel-ui .faq-answer{background:#071323!important}
.pixel-ui .faq-icon,.pixel-ui .faq-answer a,.pixel-ui .faq-answer code{color:var(--nn-cyan)!important}
.pixel-ui .faq-answer code{background:rgba(8,124,255,.10)!important}
.pixel-ui .faq-note{background:rgba(8,124,255,.07)!important;border-color:rgba(8,124,255,.18)!important}
.pixel-ui .faq-contact{box-shadow:0 20px 70px rgba(0,0,0,.25)}
/* Article detail */
.article-paper{box-shadow:0 25px 90px rgba(0,0,0,.32)!important}
.article-paper h1{color:var(--nn-text)!important}
.article-lead,.article-body p{color:var(--nn-muted)!important}
.pixel-nav{background:rgba(5,11,22,.88)!important;border-color:var(--nn-line)!important;backdrop-filter:blur(20px)}
.pixel-brand,.pixel-nav-links a{color:#dcecff!important}
.pixel-nav-cta{background:linear-gradient(135deg,var(--nn-blue),var(--nn-blue2))!important}
.pixel-footer{background:#040b15!important;border-color:var(--nn-line)!important;color:var(--nn-muted)!important}
.nn-wa-float{background:linear-gradient(135deg,#087cff,#0758df)!important;border-color:rgba(76,190,255,.55)!important;box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 28px rgba(8,124,255,.20)!important}
@media(max-width:640px){.nm-container{width:calc(100% - 28px)}.nm-section{padding:58px 0}.nm-hero{padding-top:36px}.nm-post{padding:18px}.pixel-ui .faq-page{padding:86px 14px 40px!important}}