.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:white;padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:40px 40px;opacity:0.3}.hero .container{position:relative;z-index:1}.hero h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-4);color:white;font-weight:800;line-height:1.2}.hero h1 i{color:rgba(255,255,255,0.9);margin-right:var(--space-2)}.hero-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:600;margin-bottom:var(--space-3);opacity:0.95}.hero-description{font-size:clamp(1rem,2vw,1.125rem);max-width:700px;margin:0 auto;opacity:0.9;line-height:1.7}@media (max-width:768px){.hero{padding:var(--space-12) 0 var(--space-8)}}.search-section{padding:var(--space-12) 0;background-color:var(--bg-main)}.search-bar{position:relative;max-width:700px;margin:0 auto}.search-bar input{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-12);border:2px solid var(--border-color);border-radius:var(--radius-xl);font-size:var(--text-lg);background-color:var(--bg-surface);color:var(--text-primary);transition:all var(--transition-normal);font-family:var(--font-family)}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(59,130,246,0.1);background-color:var(--bg-elevated)}.search-bar i{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-xl);pointer-events:none}.tools-section{padding:var(--space-16) 0;background-color:var(--bg-main);min-height:60vh}.tools-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:1200px){.tools-layout{grid-template-columns:1fr 300px;align-items:start}}.tools-main{min-width:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}@media (max-width:640px){.tools-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (min-width:641px) and (max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.tool-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.tool-card:hover::before{transform:scaleX(1)}.tool-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--border-light);background-color:var(--bg-elevated)}.tool-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);transition:transform var(--transition-normal)}.tool-card:hover .tool-icon{transform:scale(1.1) rotate(5deg)}.tool-icon i{font-size:var(--text-3xl);color:white}.tool-card h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.3}.tool-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-5);min-height:3em}.tool-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--primary);text-decoration:none;transition:all var(--transition-fast);padding:var(--space-2) 0}.tool-link:hover{color:var(--primary-light);gap:var(--space-3)}.tool-link i{font-size:var(--text-xs);transition:transform var(--transition-fast)}.tool-card:hover .tool-link i{transform:translateX(4px)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tool-card{animation:fadeInUp var(--transition-slow) ease-out backwards}.tool-card:nth-child(1){animation-delay:0.05s}.tool-card:nth-child(2){animation-delay:0.1s}.tool-card:nth-child(3){animation-delay:0.15s}.tool-card:nth-child(4){animation-delay:0.2s}.tool-card:nth-child(5){animation-delay:0.25s}.tool-card:nth-child(6){animation-delay:0.3s}.tool-card:nth-child(7){animation-delay:0.35s}.tool-card:nth-child(8){animation-delay:0.4s}.tool-card:nth-child(9){animation-delay:0.45s}.tool-card:nth-child(10){animation-delay:0.5s}#noResults{text-align:center;padding:var(--space-16) var(--space-4);color:var(--text-muted);font-size:var(--text-lg)}#noResults i{font-size:var(--text-4xl);margin-bottom:var(--space-4);opacity:0.5;display:block}.promo-container{padding:var(--space-6) 0;background:var(--bg-main)}.promo-container.promo-top{padding-top:var(--space-8);padding-bottom:0}.promo-container.promo-bottom{padding-top:var(--space-12);padding-bottom:var(--space-8)}.promo-slot{display:flex;align-items:center;justify-content:center;margin:0 auto;overflow:hidden}.promo-banner{max-width:728px;min-height:90px}.promo-placeholder{width:100%;height:90px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-xs);opacity:0.6}.promo-label{background:var(--bg-elevated);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.promo-size{color:var(--text-muted)}@media (max-width:768px){.promo-banner{max-width:320px;min-height:100px}.promo-placeholder{height:100px}.promo-container.promo-top{padding-top:var(--space-6)}.promo-container.promo-bottom{padding-top:var(--space-8);padding-bottom:var(--space-6)}}.promo-slot.loaded .promo-placeholder{display:none}.promo-sidebar{display:none}@media (min-width:1200px){.promo-sidebar{display:block;position:sticky;top:calc(var(--space-8)+70px);height:fit-content}}.promo-rectangle{width:300px;min-height:250px}.promo-placeholder-vertical{width:300px;height:250px;flex-direction:column;gap:var(--space-2)}@media (max-width:768px){.search-bar input{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);font-size:var(--text-base)}.search-bar i{font-size:var(--text-lg)}.tool-card{padding:var(--space-5)}.tool-icon{width:50px;height:50px}.tool-icon i{font-size:var(--text-2xl)}}@media (max-width:480px){.search-section{padding:var(--space-8) 0}.tools-section{padding:var(--space-12) 0}.tool-card h3{font-size:var(--text-lg)}.tool-card p{min-height:auto}}.tool-card.loading{opacity:0.5;pointer-events:none}.tool-card.loading::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;transform:translate(-50%,-50%)}.tool-card.hidden{display:none}.tool-card.highlight{border-color:var(--primary);box-shadow:0 0 0 2px rgba(59,130,246,0.2)}