:root{--primary-gradient:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);--primary-color:#4f46e5;--secondary-color:#06b6d4}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;padding-top:50px}.hero-section{background:var(--primary-gradient);padding:120px 0 80px;color:white;text-align:center}.hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:20px}.hero-content p{font-size:1.3rem;margin-bottom:30px}.btn-hero{background:white;color:var(--primary-color);padding:15px 40px;border-radius:30px;font-weight:700;font-size:1.1rem;border:none;transition:all 0.3s ease}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.category-card{border:none;border-radius:15px;padding:30px 20px;text-align:center;transition:all 0.3s ease;height:100%;box-shadow:0 5px 15px rgba(0,0,0,0.08);display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,0.15)}.category-icon{font-size:3.5rem;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;display:flex;align-items:center;justify-content:center;width:100%}lord-icon{display:block;margin:0 auto 20px}.btn-explore{background:var(--primary-gradient);color:white;padding:8px 25px;border-radius:20px;border:none;font-weight:600}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:15px}.about-section{background:#f8f9fa}.about-image{background:var(--primary-gradient);border-radius:20px;height:400px;display:flex;align-items:center;justify-content:center}.blog-card{border:none;border-radius:15px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(0,0,0,0.08)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}.blog-card img{height:200px;object-fit:cover}.stats-section{background:var(--primary-gradient);color:white;padding:50px 0}.stat-number{font-size:3rem;font-weight:800}.newsletter-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:60px 0}.search-container{position:relative;z-index:10}.search-results{position:absolute;top:100%;left:0;right:0;background:white;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,0.2);max-height:400px;overflow-y:auto;margin-top:10px;display:none;z-index:1000}.search-results.show{display:block}.search-result-item{padding:15px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:start;gap:15px}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f8f9fa}.search-result-icon{width:40px;height:40px;background:rgba(79,70,229,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4f46e5;font-size:1.2rem;flex-shrink:0}.search-result-content{flex:1}.search-result-name{color:#333;font-weight:600;font-size:1rem;margin-bottom:3px}.search-result-description{color:#666;font-size:0.85rem;margin:0}.search-result-category{display:inline-block;background:rgba(79,70,229,0.1);color:#4f46e5;padding:2px 10px;border-radius:12px;font-size:0.75rem;font-weight:600;margin-top:5px}.no-results{padding:30px 20px;text-align:center;color:#666}.no-results i{font-size:3rem;color:#ccc;margin-bottom:10px}.search-loading{padding:20px;text-align:center;color:#666}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.search-results::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:10px}.feature-box{transition:all 0.3s ease}.feature-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)!important}.category-highlight{transition:all 0.3s ease;text-align:center}.category-highlight:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.12)!important}a.text-decoration-none{color:inherit;text-decoration:none!important}a.text-decoration-none .category-highlight{transition:all 0.3s ease;cursor:pointer}a.text-decoration-none:hover .category-highlight{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.12)!important;background:#f8f9fa!important}@media (max-width:768px){.hero-content h1{font-size:2.5rem}}