.home-container{max-width:1140px;margin:auto}.hero-section{position:relative;padding:var(--space-6) 0 var(--space-6);text-align:left;min-height:400px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light) 0,rgba(216,43,70,.05) 50%,rgba(216,43,70,.08) 100%);overflow:hidden}[data-theme=dark] .hero-section{background:linear-gradient(135deg,rgba(216,43,70,.15) 0,rgba(216,43,70,.08) 50%,rgba(216,43,70,.05) 100%)}.hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23D82B46' fill-opacity='0.08'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z'/%3E%3C/g%3E%3C/svg%3E");opacity:1;z-index:0;pointer-events:none}[data-theme=dark] .hero-section::before{background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23D82B46' fill-opacity='0.12'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z'/%3E%3C/g%3E%3C/svg%3E")}.hero-illustration{width:100%;max-width:400px;height:auto;animation:6s ease-in-out infinite float}.isometric-illustration{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(216, 43, 70, .2))}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-container{position:relative;z-index:2;width:100%;max-width:1140px}.hero-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8);align-items:center;min-height:500px}.hero-badge,.hero-left,.hero-subtitle{gap:var(--space-2)}.hero-left{display:flex;flex-direction:column}.hero-right{display:flex;justify-content:center;align-items:center}.hero-badge,.quick-action-btn{align-items:center;white-space:nowrap}.hero-badge{display:inline-flex;background:0 0;border:2px solid var(--color-primary);padding:8px 20px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-2);text-transform:uppercase;box-shadow:0 2px 8px rgba(216,43,70,.2);width:fit-content;min-width:auto}.pulse-dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 0 var(--color-primary);animation:2s infinite badgePulse}@keyframes badgePulse{0%{transform:scale(.95);box-shadow:0 0 0 0 var(--color-primary)}70%{transform:scale(1);box-shadow:0 0 0 6px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.hero-title{font-size:clamp(3rem, 6vw, 5rem);font-weight:800;line-height:1;margin-bottom:var(--space-4);letter-spacing:-.03em}.hero-subtitle-text,.hero-title-main{color:var(--text-primary)}.hero-subtitle-accent,.hero-title-accent,.quick-action-btn:hover{color:var(--color-primary)}.text-gradient{background:linear-gradient(135deg,#ff5c77 0,#d82b46 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-subtitle{font-size:clamp(1.2rem, 2.5vw, 1.5rem);font-weight:600;margin:0 0 var(--space-2);line-height:1.3;display:flex;flex-wrap:wrap;align-items:center}.hero-description{font-size:clamp(1rem, 1.8vw, 1.1rem);color:#64748b;margin:0 0 var(--space-2);line-height:1.6;font-weight:400;max-width:600px}.hero-search-box{max-width:600px;margin:0 0 var(--space-6);position:relative;z-index:10}.hero-quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);max-width:600px}.quick-action-btn{display:inline-flex;gap:var(--space-2);padding:12px 20px;background:rgba(255,255,255,.9);border:1px solid rgba(216,43,70,.3);border-radius:100px;font-size:.85rem;font-weight:500;color:var(--text-primary);text-decoration:none;transition:.3s cubic-bezier(.25, .8, .25, 1);box-shadow:0 2px 8px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.hero-search__category-btn,.hero-search__input,.hero-search__option{font-size:var(--font-size-sm);color:var(--text-primary)}.quick-action-btn:hover{transform:translateY(-2px);background:#fff;border-color:var(--color-primary);box-shadow:0 4px 16px rgba(216,43,70,.3);text-decoration:none}[data-theme=dark] .quick-action-btn{background:rgba(22,27,34,.9);border:1px solid rgba(216,43,70,.4);color:var(--text-primary)}[data-theme=dark] .quick-action-btn:hover{background:#161b22;color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 16px rgba(216,43,70,.4)}.hero-search__container{width:100%;max-width:650px;margin:0 auto;font-family:var(--font-family-base)}.hero-search__inner{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);height:50px;position:relative}.hero-search__inner:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.hero-search__category{position:relative;height:100%}.hero-search__category-btn{height:100%;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);padding-left:24px;background-color:transparent;border:none;border-right:1px solid var(--border-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg);font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.hero-search__option,.hero-search__submit{display:flex;align-items:center;cursor:pointer}.hero-search__category-btn:hover{background-color:var(--bg-hover)}.hero-search__dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;width:200px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);list-style:none;margin:0;z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-base)}.hero-search__category-btn[aria-expanded=true]~.hero-search__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.hero-search__option{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:var(--transition-fast)}.hero-search__option:focus,.hero-search__option:hover{background-color:var(--bg-hover);outline:0}.hero-search__option[aria-selected=true]{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.hero-search__input-wrapper{flex:1;display:flex;align-items:center;height:100%;padding-left:var(--space-3)}.hero-search__input{width:100%;height:100%;border:none;outline:0;background:0 0}.hero-search__input::placeholder{color:var(--text-tertiary)}.hero-search__submit{background-color:var(--color-primary);border:none;color:var(--btn-primary-text);height:calc(100% - var(--space-2));margin-right:var(--space-1);padding:0 var(--space-5);border-radius:var(--radius-md);font-weight:600;transition:var(--transition-base);justify-content:center}.hero-search__submit:hover{background-color:var(--color-primary-hover)}.hero-search__error{color:var(--color-danger);font-size:14px;text-align:center}.section{padding:var(--space-3) 0}.categories-header,.section-header-row{padding-top:var(--space-6);display:flex}.section-header-row{align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;border-top:1px solid var(--border-primary)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);text-transform:none;letter-spacing:-.02em}.section-desc,.view-all-link{font-size:var(--font-size-base)}.section-desc{color:var(--text-secondary);margin:0}.header-left{display:flex;flex-direction:column;align-items:flex-start}.view-all-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.view-all-link:hover{gap:var(--space-3);text-decoration:none}.view-all-link::after{content:'→'}.categories-header{margin-bottom:var(--space-6);align-items:center;justify-content:space-between;gap:var(--space-4)}.categories-header__content{flex:1}.categories-navigation,.recommended-tools-navigation{display:flex;gap:var(--space-2)}.categories-nav-btn,.recommended-tools-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-primary);background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.categories-nav-btn:hover:not(:disabled),.recommended-tools-nav-btn:hover:not(:disabled){background:var(--color-primary);color:var(--btn-primary-text);border-color:var(--color-primary)}.categories-nav-btn:disabled,.recommended-tools-nav-btn:disabled{opacity:.5;cursor:not-allowed}.categories__title,.recommended-tools__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.blog-heading__subtitle,.categories__subtitle,.recommended-tools__subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);list-style:none;padding-left:0;margin:0;align-items:stretch}.recommended-tools__header,.section.blog-section{margin-bottom:var(--space-6)}.categories-grid .category-card{width:100%;min-width:auto;max-width:none}.category-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);text-decoration:none;width:100%;height:100%;min-height:140px;backface-visibility:hidden}.cat-icon-box,.icon-circle{align-items:center;display:flex}.category-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);transform:translateY(-2px);text-decoration:none}.category-card:hover .icon-circle{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.cat-icon-box{justify-content:center}.icon-circle{width:52px;height:52px;justify-content:center;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary)}.icon-circle svg,.recommended-tool-card__icon,.recommended-tool-card__icon svg{width:24px;height:24px}.cat-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize;color:var(--text-primary);text-align:center;line-height:1.3}.recommended-tools__header{border-top:1px solid var(--border-primary);padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.recommended-tools__header-content{flex:1}.recommended-tools__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);list-style:none;padding-left:0;margin:0;align-items:stretch}.blog-grid-modern,.tools-grid-modern{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.recommended-tool-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:none;overflow:hidden;height:100%;min-height:120px;backface-visibility:hidden;display:flex;flex-direction:column}.blog-card-modern:hover,.recommended-tool-card:hover,.tool-card-modern:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary-light);transform:translateY(-2px)}.recommended-tool-card__link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);text-decoration:none!important;color:inherit;cursor:pointer!important;flex:1}.recommended-tool-card__icon-wrapper{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-xl);border:1px solid var(--border-primary);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.recommended-tool-card__description,.recommended-tool-card__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommended-tool-card__img-icon,.tool-img-icon{width:32px;height:32px;object-fit:contain}.recommended-tool-card__content{flex:1;min-width:0}.recommended-tool-card__name{font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-title);margin:0 0 var(--space-1);color:var(--text-primary);line-clamp:2}.recommended-tool-card:hover .recommended-tool-card__name{color:var(--color-primary)}.recommended-tool-card__description{font-size:var(--font-size-card-meta);line-height:1.4;color:var(--text-secondary);margin:0;line-clamp:2}.recommended-tool-card__action{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);opacity:1;transition:all var(--transition-base)}.recommended-tool-card__text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.recommended-tool-card__arrow{transition:transform var(--transition-base)}.recommended-tool-card:hover .recommended-tool-card__arrow{transform:translateX(var(--space-1))}.tools-grid-modern{display:grid;gap:var(--space-6)}.tool-card-modern{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);position:relative;overflow:hidden}.tool-card-link{text-decoration:none;color:inherit;display:block}.blog-title a:hover,.tool-icon-wrapper,.tool-svg-icon svg,.tool-text-icon{color:var(--color-primary)}.tool-card-modern:hover .tool-icon-wrapper{background:rgba(var(--color-primary-rgb),.2);background:var(--color-primary-light);transform:scale(1.05)}.tool-card-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);width:100%}.tool-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-xl)}.recommended-tool-card:hover .recommended-tool-card__icon-wrapper{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--text-secondary)}.tool-svg-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tool-html-icon,.tool-text-icon{width:32px;height:32px;display:flex;align-items:center}.tool-svg-icon svg{width:100%;height:100%}.tool-html-icon{justify-content:center;overflow:hidden}.tool-html-icon *{max-width:100%;max-height:100%}.tool-text-icon{justify-content:center;font-size:var(--font-size-3xl)}.tool-text-icon svg{width:24px;height:24px;display:block}.tool-modern-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.3}.blog-badge,.blog-meta .date,.tool-modern-subtitle{font-size:var(--font-size-xs)}.tool-modern-subtitle{color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-grid-modern{display:grid;gap:var(--space-6);list-style:none;padding-left:0;margin:0}.blog-card-modern{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.blog-card-modern:hover .blog-thumb img{transform:scale(1.05)}.blog-thumb{position:relative;height:180px;overflow:hidden;background:var(--bg-primary)}.blog-thumb img{width:100%;height:100%;object-fit:cover}.blog-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.blog-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--bg-overlay-dark);backdrop-filter:blur(8px);color:var(--text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);letter-spacing:.03em}.blog-card-link,.blog-card-modern:hover .blog-card-link,.blog-title a{color:inherit;text-decoration:none}.blog-content{padding:var(--space-5)}.blog-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.blog-meta .date{color:var(--text-tertiary)}.blog-card-link{display:block}.blog-excerpt,.blog-title{line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-title{font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-title);color:var(--text-primary);margin:0 0 var(--space-3);-webkit-line-clamp:2;line-clamp:2}.blog-title a:hover{text-decoration:none}.blog-excerpt{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;-webkit-line-clamp:2;line-clamp:2}.mb-5,.my-5{margin-bottom:var(--space-12)}.my-5{margin-top:var(--space-12)}#categories-grid>li,#recommended-tools-grid>li{display:none;opacity:0}#categories-grid:not(.is-initialized)>li:nth-child(-n+4),#recommended-tools-grid:not(.is-initialized)>li:nth-child(-n+4){display:block;opacity:1}@media (max-width:768px){.hero-section{min-height:auto;padding:var(--space-6) 0;text-align:center}.hero-content{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.hero-left{align-items:center}.hero-right,.hero-search__category-text{display:none}.hero-illustration{max-width:300px}.hero-quick-actions{justify-content:center;gap:var(--space-2)}.quick-action-btn{padding:10px 16px;font-size:.8rem}.hero-subtitle{justify-content:center}.section{padding:var(--space-3) 0}.section-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.categories-navigation,.recommended-tools-navigation{align-self:flex-end}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);align-items:stretch}.categories-grid .category-card{width:100%;min-width:auto;max-width:none}.category-card{padding:var(--space-4) var(--space-3)}.icon-circle,.recommended-tool-card__icon-wrapper{width:44px;height:44px}.recommended-tools__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);align-items:stretch}.recommended-tool-card{min-width:280px}.recommended-tool-card__link,.tool-card-modern{padding:var(--space-4)}.recommended-tool-card__icon,.recommended-tool-card__icon svg{width:20px;height:20px}.recommended-tool-card__action{opacity:1}.blog-grid-modern,.tools-grid-modern{grid-template-columns:1fr;gap:var(--space-4)}.tool-icon-wrapper{width:48px;height:48px}.tool-img-icon{width:28px;height:28px}.tool-text-icon svg{width:24px;height:24px}.blog-thumb{height:160px}.hero-popular-tags{gap:var(--space-2)}.popular-tag{padding:6px 10px}.hero-search__category-btn{padding:0 var(--space-3)}#recommended-tools-grid:not(.is-initialized)>li:nth-child(n+3){display:none;opacity:0}}#categories-grid.is-initialized>li.is-active,#recommended-tools-grid.is-initialized>li.is-active{display:block;animation:.4s cubic-bezier(.4,0,.2,1) forwards gridItemFadeIn}@keyframes gridItemFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}