/*
Theme Name: NC
Theme URI: http://example.com/nc
Author: NetCreator
Version: 1.0.0
Text Domain: nc
*/
.btn-primary{background-image:linear-gradient(to right,#4f46e5,#7c3aed);transition:transform .2s,box-shadow .2s}
.btn-primary:hover{box-shadow:0 10px 15px -3px rgba(79,70,229,.5),0 4px 6px -2px rgba(79,70,229,.05);transform:translateY(-2px)}
.btn-cta{background-image:linear-gradient(to right,#4f46e5,#7c3aed);transition:all .3s ease-in-out}
.btn-cta:hover{box-shadow:0 15px 30px -5px rgba(79,70,229,.4);transform:translateY(-2px)}
:root{--color-primary:#8b5cf6}
.text-primary{color:var(--color-primary)}
.bg-primary{background-color:var(--color-primary)}
.border-primary{border-color:var(--color-primary)}
.skill-bar{height:10px;border-radius:9999px;background-color:#e5e7eb}
.card-shadow{transition:all .3s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.card-shadow:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.15),0 4px 6px -4px rgba(0,0,0,.15);transform:translateY(-2px)}
.nav-link{position:relative}
.nav-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#4f46e5;transition:width .2s ease}
.nav-link:hover:after{width:100%}
.related-item:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}
.toc-link{transition:color .2s ease,font-weight .2s ease}
.article-content h2,.article-content h3{color:#1f2937;margin-top:2rem;margin-bottom:.75rem;font-weight:700}
.article-content h2{font-size:2rem}
.article-content h3{font-size:1.5rem}
.article-content p{margin-bottom:1.25rem}
.article-content blockquote{border-left:6px solid #e0e7ff;padding:1.25rem;margin:2rem 0;background-color:#f0f4ff;color:#4f46e5;border-radius:.5rem}
.article-content code{background-color:#e2e8f0;padding:.2rem .4rem;border-radius:.375rem;font-weight:500;font-size:.9em}
strong,b{font-weight:900;color:#111827}
.article-content strong,.article-content b{font-weight:900;color:#111827}
.prose strong,.prose b{font-weight:900;color:#111827}
.form-label{font-weight:600;color:#374151}
.form-input,.form-textarea{border:1px solid #e5e7eb;background:#fff;border-radius:.75rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}
.form-input:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.25);outline:0}
.form-error{color:#ef4444;font-weight:600;font-size:.875rem;margin-top:.25rem}
.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:.75rem;padding:.75rem 1rem}
.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:.75rem;padding:.75rem 1rem}
.article-content table,.prose table{width:100%;max-width:48rem;margin:1rem auto;border-collapse:collapse}
.article-content th,.article-content td,.prose th,.prose td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}
.article-content thead th,.prose thead th{background-color:#f8fafc}
@media (min-width:1024px){.article-content table,.prose table{max-width:52rem}}
@media (max-width:640px){.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}}
.hidden{display:none}
.rotate-180{transform:rotate(180deg)}
.mobile-submenu{background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:0.5rem;padding:0.5rem}
#mobile-menu .nc-collapse{background:#fff;border:1px solid #e5e7eb;border-radius:0.75rem;color:#374151}
#mobile-menu .nc-collapse ul{background:transparent !important;border:none !important;border-radius:0.75rem;padding:0}
#mobile-menu .nc-collapse li a{color:#374151;background-color:transparent}
#mobile-menu .nc-collapse li a:hover{background-color:#f8fafc}
#mobile-menu{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}
#mobile-menu .collapse-toggle{display:flex;justify-content:space-between;align-items:center;padding:.75rem .875rem;border-radius:.75rem;background-color:#f8fafc;color:#111827}
#mobile-menu .collapse-toggle:hover{background-color:#eef2ff}
#mobile-offcanvas .nc-collapse{background:#fff;border:1px solid #e5e7eb;border-radius:0.75rem;color:#374151}
#mobile-offcanvas .nc-collapse ul{background:transparent !important;border:none !important;border-radius:0.75rem;padding:0}
#mobile-offcanvas .nc-collapse li a{color:#374151;background-color:transparent}
#mobile-offcanvas .nc-collapse li a:hover{background-color:#f8fafc}
#mobile-offcanvas .collapse-toggle{display:flex;justify-content:space-between;align-items:center;padding:.75rem .875rem;border-radius:.75rem;background-color:#f8fafc;color:#111827}
#mobile-offcanvas .collapse-toggle:hover{background-color:#eef2ff}
#mobile-offcanvas-panel{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}
#mobile-offcanvas .nc-collapse{background-image:linear-gradient(to right,#4f46e5,#7c3aed);border:none;border-radius:0.75rem;color:#fff}
#mobile-offcanvas .nc-collapse ul{padding:0.5rem}
#mobile-offcanvas .nc-collapse li a{color:#fff;background-color:transparent}
#mobile-offcanvas .nc-collapse li a:hover{background-color:rgba(255,255,255,0.12)}