:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--primary-950:#1e1b4b}.dark{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--primary-950:#1e1b4b}.hextra-hero{background-image:linear-gradient(to bottom right,var(--primary-500),var(--primary-700));color:#fff}.hextra-hero h1,.hextra-hero p{color:#fff}.hextra-button{background-color:var(--primary-600);border-color:var(--primary-700)}.hextra-button:hover{background-color:var(--primary-700)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600}pre{background-color:#f8f9fa;border-radius:6px}.dark pre{background-color:#1e1e2e}.hextra-card{transition:all .2s ease}.hextra-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.navbar-brand{font-weight:700;letter-spacing:-.025em}.site-footer{background-color:#f8f9fa;padding:2rem 0}.dark .site-footer{background-color:#111827}.sidebar{overflow-y:visible!important;margin-left:-.5rem;position:relative;border-right:1px solid rgba(229,231,235,.5);padding-right:.75rem;transition:all .3s ease}.sidebar-content{overflow:visible!important;padding-top:1rem}.search-input{transition:all .3s ease;border-radius:.75rem!important;box-shadow:0 2px 4px rgba(0,0,0,5%);height:2.75rem;padding-left:2.75rem!important;font-size:.95rem;border:2px solid transparent;background-color:rgba(255,255,255,.8)!important;backdrop-filter:blur(10px)}.search-input::placeholder{color:rgba(107,114,128,.75);font-size:.875rem}.dark .search-input::placeholder{color:rgba(156,163,175,.75)}.search-input:focus{box-shadow:0 0 0 3px rgba(255,168,44,.25);border-color:rgba(255,168,44,.5)!important;background-color:#fff!important}.dark .search-input{background-color:rgba(17,24,39,.7)!important;border-color:rgba(55,65,81,.5)!important;backdrop-filter:blur(10px)}.dark .search-input:focus{border-color:rgba(255,168,44,.6)!important;box-shadow:0 0 0 3px rgba(255,168,44,.25)}.search-input-container{position:relative;width:100%;margin-bottom:1rem}.search-input-container .absolute{top:50%!important;transform:translateY(-50%)!important;left:.9rem!important;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;width:16px!important;height:16px!important;color:rgba(107,114,128,.7);transition:color .3s ease}.search-input:focus+.absolute svg,.search-input-container:hover .absolute svg{color:#ffa82c!important}.dark .search-input-container .absolute{color:rgba(156,163,175,.7)}.dark .search-input:focus+.absolute svg,.dark .search-input-container:hover .absolute svg{color:#ffa82c!important}.sidebar a{transition:all .3s ease;border-radius:.5rem;padding:.5rem .75rem;margin:.125rem 0;position:relative;overflow:hidden}.sidebar a:hover{background-color:rgba(255,168,44,8%);color:var(--primary-600);transform:translateX(3px)}.dark .sidebar a:hover{background-color:rgba(255,168,44,.1);color:rgba(255,168,44,.9)}.sidebar .active>a{font-weight:600;color:var(--primary-600);background-color:rgba(255,168,44,.12);position:relative}.sidebar .active>a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary-400),#FFA82C);border-radius:0 4px 4px 0}.dark .sidebar .active>a{color:#ffa82c;background-color:rgba(255,168,44,.15)}.sidebar h2,.sidebar h3,.sidebar h4{font-weight:600;color:rgba(55,65,81,.9);padding:.75rem .75rem .5rem;margin-top:1rem;position:relative}.dark .sidebar h2,.dark .sidebar h3,.dark .sidebar h4{color:rgba(229,231,235,.9)}.search-results{border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,8%),0 0 0 1px rgba(0,0,0,2%);overflow:hidden;margin-top:.5rem;background-color:#fff;border:none;backdrop-filter:blur(10px)}.dark .search-results{background-color:rgba(30,41,59,.98);box-shadow:0 4px 12px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,5%)}.search-results a{padding:.75rem 1rem;display:block;border-bottom:1px solid rgba(229,231,235,.5);transition:background-color .2s ease}.search-results a:hover{background-color:rgba(255,168,44,8%)}.dark .search-results a{border-bottom:1px solid rgba(55,65,81,.5)}.dark .search-results a:hover{background-color:rgba(255,168,44,.15)}.article-content-wrapper{position:relative;z-index:1}.gradient-banner{position:relative;z-index:0;width:100%;overflow:hidden}.hextra-cards{position:relative;z-index:0;margin:0 auto;width:100%;max-width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;align-items:stretch}.hextra-cards>a,.hextra-cards>div{height:100%;display:flex;flex-direction:column}.features-section{margin:3rem 0;padding:2rem 0;width:100%}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;width:100%;max-width:var(--page-width);margin-left:auto;margin-right:auto}.features-grid{--features-grid-cols:3;display:grid;grid-template-columns:repeat(var(--features-grid-cols),minmax(0,1fr));gap:1rem}@media(max-width:1280px){.features-grid{--features-grid-cols:2}}@media(max-width:767px){.features-grid{--features-grid-cols:1}}.feature-card{border-radius:.75rem;padding:1.5rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,5%)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.feature-icon{width:4rem;height:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:rgba(255,255,255,.8);box-shadow:0 4px 6px rgba(0,0,0,5%)}.feature-icon svg{width:3rem!important;height:3rem!important;display:block;color:currentColor}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#111827}.feature-text{font-size:.95rem;color:#374151;line-height:1.5}.dark .feature-title{color:rgba(255,255,255,.9)}.dark .feature-text{color:rgba(229,231,235,.8)}.bg-pastel-peach{background-color:rgba(255,222,173,.3)}.bg-pastel-sage{background-color:rgba(188,240,218,.3)}.bg-pastel-lavender{background-color:rgba(230,230,250,.3)}.bg-pastel-sky{background-color:rgba(176,226,255,.3)}.bg-pastel-mint{background-color:rgba(170,240,209,.3)}.bg-pastel-lemon{background-color:rgba(255,250,205,.3)}.dark .bg-pastel-peach,.dark .bg-pastel-sage,.dark .bg-pastel-lavender,.dark .bg-pastel-sky,.dark .bg-pastel-mint,.dark .bg-pastel-lemon{background-color:rgba(55,65,81,.6)}.gradient-banner{position:relative;background:linear-gradient(135deg,#7e56c2 0%,#FFA82C 50%,#3a9de2 100%);background-size:300% 300%;animation:gradientShift 15s ease infinite;border-radius:.75rem;padding:3rem 2rem;margin:3rem 0;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 25px rgba(255,168,44,.2);transition:transform .3s ease,box-shadow .3s ease}.gradient-banner:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(255,168,44,.3)}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.gradient-banner-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.banner-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.banner-text{font-size:1.1rem;margin-bottom:1.5rem;color:rgba(255,255,255,.9);line-height:1.5}.banner-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:.5rem}.banner-icon svg{width:1.5rem;height:1.5rem;fill:currentColor}.gradient-banner-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background-color:rgba(255,255,255,.15);transition:transform .5s ease}.decoration-circle-1{width:300px;height:300px;top:-150px;right:-100px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,168,44,.15) 100%);animation:float 8s ease-in-out infinite}.decoration-circle-2{width:200px;height:200px;bottom:-50px;left:-50px;background:radial-gradient(circle,rgba(255,168,44,.15) 0%,rgba(255,255,255,.1) 100%);animation:float 12s ease-in-out infinite reverse}.decoration-circle-3{width:150px;height:150px;bottom:50px;right:100px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,168,44,.15) 100%);animation:float 10s ease-in-out infinite 2s}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}100%{transform:translateY(0)rotate(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;z-index:1}.btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,168,44,.2) 0%,rgba(255,255,255,0) 100%);z-index:-1;transform:translateX(-100%);transition:transform .5s ease}.btn:hover::before{transform:translateX(0)}.btn-primary{background-color:#fff;color:#7e56c2;box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-primary:hover{background-color:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15);color:#ffa82c}.button-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:.5rem}.button-icon svg{width:1.25rem;height:1.25rem;fill:currentColor}.hextra-card{height:100%;display:flex;flex-direction:column}.hextra-card-icon{display:flex;align-items:center;margin-bottom:.5rem}.hextra-card-icon svg{width:1.5rem!important;height:1.5rem!important;color:currentColor}.hero-section{margin-bottom:3rem}.content-section{margin:3rem auto}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.gradient-banner{padding:2rem 1rem}.banner-title{font-size:1.5rem}.banner-text{font-size:1rem}}@media(max-width:768px){.sidebar{margin-left:0;overflow-y:auto!important;border-right:none;padding-right:0}.hextra-cards{grid-template-columns:1fr}}