/* NOKOSMURAH SKETCH THEME V2 — unified main / FAQ / blog visual layer */
:root{
  --nn-bg:#05160e;--nn-surface:#0a2518;--nn-panel:#0d3020;--nn-panel2:#103b27;
  --nn-blue:#23e48a;--nn-blue2:#1dd881;--nn-cyan:#30e591;--nn-text:#effdf6;--nn-muted:#91a6c3;
  --nn-line:rgba(92, 207, 153, .20);--nn-glow:rgba(35, 228, 138, .22)
}
html,body{background:var(--nn-bg)!important;color:var(--nn-text)!important}
body{background-image:radial-gradient(circle at 15% 0,rgba(35, 228, 138, .10),transparent 32%),radial-gradient(circle at 85% 15%,rgba(48, 229, 145, .07),transparent 30%)!important}
.nm-page{background:radial-gradient(circle at 80% 0,rgba(35, 228, 138, .13),transparent 38%),#05160e!important}
.nm-nav{background:rgba(5, 22, 14, .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(35, 228, 138, .25)!important}
.nm-btn.primary,.btn-primary{background:linear-gradient(135deg,var(--nn-blue),var(--nn-blue2))!important;border-color:#30e591!important;box-shadow:0 10px 28px rgba(35, 228, 138, .22)!important}
.nm-btn.ghost,.btn-outline{background:rgba(10, 37, 24, .82)!important;border-color:#246446!important;color:var(--nn-text)!important}
.nm-kicker,.nm-tag,.pixel-tag{color:#67ecae!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, 48, 32, .96),rgba(6, 31, 19, .98))!important;border-color:var(--nn-line)!important}
.nm-section.alt{background:rgba(7, 34, 21, .72)!important}
.nm-phone{border-color:#17bc6f!important;box-shadow:0 0 70px rgba(35, 228, 138, .18)!important}
.nm-stat-icon,.nm-icon{background:rgba(35, 228, 138, .10)!important;border-color:rgba(35, 228, 138, .24)!important}
.nm-service.active{border-color:#30e591!important;box-shadow:0 0 0 1px rgba(35, 228, 138, .20),0 0 24px rgba(35, 228, 138, .12)!important}
.nm-post:hover,.nm-blog-card:hover,.nm-feature:hover,.faq-item:hover{border-color:rgba(48, 229, 145, .42)!important;box-shadow:0 14px 45px rgba(0,0,0,.22),0 0 24px rgba(35, 228, 138, .07)}
.nm-blog-hero{background:radial-gradient(circle at 75% 30%,rgba(35, 228, 138, .13),transparent 35%)}
.nm-post h2 a,.nm-blog-card h3,.nm-footer a{color:#effdf6!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, 48, 32, .75)!important;border-color:var(--nn-line)!important;color:#b9e8d2!important}
.nm-footer{background:#04150d!important;border-top-color:var(--nn-line)!important}
/* FAQ legacy layout */
.pixel-ui .navbar{background:rgba(5, 22, 14, .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:#e0fbee!important}
.pixel-ui .nav-logo-icon{background:linear-gradient(135deg,var(--nn-blue),var(--nn-cyan))!important;box-shadow:0 0 24px rgba(35, 228, 138, .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,#0d3020,#082417)!important;color:var(--nn-text)!important}
.pixel-ui .faq-answer{background:#072316!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(35, 228, 138, .10)!important}
.pixel-ui .faq-note{background:rgba(35, 228, 138, .07)!important;border-color:rgba(35, 228, 138, .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, 22, 14, .88)!important;border-color:var(--nn-line)!important;backdrop-filter:blur(20px)}
.pixel-brand,.pixel-nav-links a{color:#e0fbee!important}
.pixel-nav-cta{background:linear-gradient(135deg,var(--nn-blue),var(--nn-blue2))!important}
.pixel-footer{background:#04150d!important;border-color:var(--nn-line)!important;color:var(--nn-muted)!important}
.nn-wa-float{background:linear-gradient(135deg,#23e48a,#19cd79)!important;border-color:rgba(96, 235, 170, .55)!important;box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 28px rgba(35, 228, 138, .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}}