:root{--opplya-primary:#7238d9;--opplya-primary-dark:#5f2bb5;--opplya-secondary:#7c3aed;--opplya-sidebar-bg:#1d1b2c;--opplya-sidebar-text:#a5a2b8;--opplya-sidebar-active:#7238d9;--opplya-hero-bg:#f8f9ff}body{-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex}main{flex:1}.navbar-brand .text-primary{color:var(--opplya-primary)!important}.btn-primary{background-color:var(--opplya-primary);border-color:var(--opplya-primary)}.btn-primary:hover,.btn-primary:focus{background-color:var(--opplya-primary-dark);border-color:var(--opplya-primary-dark)}.text-primary{color:var(--opplya-primary)!important}.border-primary{border-color:var(--opplya-primary)!important}.hero-section{background:linear-gradient(135deg, var(--opplya-hero-bg) 0%, #fff 100%)}.article-content{color:#1a1a2e;line-height:1.75}.article-content h2{margin-top:2rem;margin-bottom:.75rem;font-weight:600}.article-content h3{margin-top:1.5rem;margin-bottom:.5rem;font-weight:600}.article-content p{margin-bottom:1rem}.article-content ul,.article-content ol{margin-bottom:1rem;padding-left:1.5rem}.article-content li{margin-bottom:.35rem}.article-content a{color:var(--opplya-primary)}.article-content a:hover{color:var(--opplya-primary-dark)}.article-content code{background-color:#f3f4f6;border-radius:4px;padding:.15em .4em;font-size:.875em}.article-content pre{background-color:#f3f4f6;border-radius:8px;padding:1rem;font-size:.875rem;overflow-x:auto}.article-content pre code{background:0 0;padding:0}.article-content table{width:100%;margin-bottom:1rem}.article-card{transition:box-shadow .15s,transform .15s}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f126!important}.toc-link:hover{color:var(--opplya-primary)!important}.category-card{cursor:pointer;transition:box-shadow .15s,transform .15s}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important}.search-result-card{transition:box-shadow .15s}.search-result-card:hover{box-shadow:0 4px 12px #6366f126!important}.sticky-sidebar{position:sticky;top:1.5rem}.footer-link:hover{color:#fff!important}.py-lg-6{padding-top:4rem!important;padding-bottom:4rem!important}