:root{--kb-primary:#3b82f6;--kb-primary-dark:#2563eb;--kb-secondary:#8b5cf6;--kb-glass:hsla(0,0%,100%,.7);--kb-glass-border:hsla(0,0%,100%,.3);--kb-card-shadow:0 10px 30px -5px rgba(0,0,0,.05);--kb-card-shadow-hover:0 20px 40px -10px rgba(59,130,246,.15);--kb-header-height:70px}.kb-public-wrapper{background-color:#f8fafc;min-height:100vh;overflow-x:hidden}.kb-hero-premium{background:linear-gradient(135deg,var(--kb-primary) 0,var(--kb-secondary) 100%);position:relative;overflow:visible!important;border-radius:2rem!important;z-index:10}.kb-hero-premium:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,hsla(0,0%,100%,.15) 1px,transparent 0);background-size:30px 30px;opacity:.5}.kb-hero-premium:after{content:"";position:absolute;width:300px;height:300px;background:hsla(0,0%,100%,.1);border-radius:50%;top:-100px;right:-100px;filter:blur(50px);animation:float-circle 10s infinite alternate}@keyframes float-circle{0%{transform:translate(0)}to{transform:translate(-50px,50px)}}.kb-search-container{max-width:700px;margin:0 auto;position:relative;z-index:1000}.kb-search-input-group{background:#fff;border-radius:100px;padding:5px;box-shadow:0 15px 35px rgba(0,0,0,.1);border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.kb-search-input-group:focus-within{border-color:rgba(59,130,246,.5);box-shadow:0 20px 40px rgba(59,130,246,.15);transform:translateY(-2px)}.kb-search-input-group .form-control{border:none!important;box-shadow:none!important;padding-left:1.5rem;font-size:1.1rem}.kb-category-card{border:1px solid rgba(0,0,0,.03)!important;background:#fff!important;border-radius:1.5rem!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;overflow:hidden}.kb-category-card:hover{transform:translateY(-10px);box-shadow:var(--kb-card-shadow-hover)!important;border-color:rgba(59,130,246,.2)!important}.kb-icon-box{width:64px;height:64px;background:rgba(59,130,246,.08);color:var(--kb-primary);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease}.kb-category-card:hover .kb-icon-box{background:var(--kb-primary);color:#fff;transform:scale(1.1) rotate(5deg)}.kb-article-card{border-radius:1.25rem!important;border:1px solid rgba(0,0,0,.05)!important;transition:all .3s ease!important}.kb-article-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.05)!important;border-color:var(--kb-primary)!important}.kb-article-card .card-title a{color:#1e293b;text-decoration:none;transition:color .2s}.kb-article-card:hover .card-title a{color:var(--kb-primary)}.kb-popular-list{background:#fff;border-radius:1.5rem;box-shadow:var(--kb-card-shadow);overflow:hidden}.kb-popular-item{padding:1.25rem 1.5rem;display:flex;align-items:center;border-bottom:1px solid #f1f5f9;transition:all .2s ease;text-decoration:none!important;color:inherit!important}.kb-popular-item:last-child{border-bottom:none}.kb-popular-item:hover{background-color:#f8fafc}.kb-popular-number{font-size:1.5rem;font-weight:800;color:#e2e8f0;width:45px;flex-shrink:0;transition:color .2s}.kb-popular-item:hover .kb-popular-number{color:var(--kb-primary);opacity:.3}.kb-sidebar-glass{background:var(--kb-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--kb-glass-border);border-radius:1.5rem}.hover-translate-y{transition:transform .3s ease}.hover-translate-y:hover{transform:translateY(-5px)}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.transition-all{transition:all .3s ease}.shadow-premium{box-shadow:0 10px 30px -5px rgba(0,0,0,.08)!important}.kb-category-header{background:#fff;border-radius:2rem;padding:2.5rem;margin-bottom:2.5rem;box-shadow:var(--kb-card-shadow);border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden;display:flex;align-items:center}.kb-category-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.05) 0,transparent 70%);z-index:0}.kb-category-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,var(--kb-primary) 0,var(--kb-secondary) 100%);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 20px rgba(59,130,246,.2);margin-right:2rem;flex-shrink:0;z-index:1}.kb-category-info{z-index:1}.kb-category-title{font-size:2.5rem;font-weight:800;color:#1e293b;letter-spacing:-.02em;line-height:1.2}.kb-category-desc{color:#64748b;font-size:1.1rem;line-height:1.6;max-width:800px}.kb-header-search-wrapper{max-width:300px;width:100%;position:relative;z-index:1050}.kb-header-search-input-group{background:#f1f5f9;border-radius:100px;padding:2px 12px;border:1px solid transparent;transition:all .3s ease}.kb-header-search-input-group:focus-within{background:#fff;border-color:var(--kb-primary);box-shadow:0 0 0 4px rgba(59,130,246,.1)}.kb-header-search-input-group .form-control{background:transparent!important;border:none!important;box-shadow:none!important;padding:8px 4px!important;font-size:.9rem!important}@media (max-width:768px){.kb-category-header{flex-direction:column;text-align:center;padding:2rem 1.5rem}.kb-category-icon-wrapper{margin-right:0;margin-bottom:1.5rem}.kb-category-title{font-size:2rem}.kb-header-search-wrapper{max-width:100%;margin-top:1rem}}.btn-kb-support.btn{background-color:#fff!important;color:var(--kb-primary)!important;font-weight:700!important;border:none!important;transition:all .3s ease!important;box-shadow:0 4px 12px rgba(0,0,0,.05)!important}.btn-kb-support.btn:hover{background-color:#f8fafc!important;transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)!important;color:var(--kb-primary-dark)!important}.nav-icon-link{display:flex;align-items:center;position:relative;padding:.4rem .8rem;border-radius:50px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:transparent;border:1px solid transparent}.nav-icon-link:hover{background:rgba(59,130,246,.05);border-color:rgba(59,130,246,.1)}.nav-text{max-width:0;overflow:hidden;white-space:nowrap;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;margin-left:0;font-size:.9rem;color:#1e293b}.nav-icon-link:hover .nav-text{max-width:150px;opacity:1;margin-left:.6rem}.nav-icon{color:#475569;transition:all .3s ease;flex-shrink:0}.nav-icon-link:hover .nav-icon{color:var(--kb-primary);transform:scale(1.1)}