.tools-page{padding-bottom:2rem}.tools-hero{background:linear-gradient(135deg,var(--brand-dark, #0d3b5c),var(--brand, #1a5f8b));color:#fff;border-radius:12px;padding:3rem 1.5rem;text-align:center;margin:2rem 0 3.5rem;box-shadow:0 15px 35px rgba(13,59,92,.15);position:relative;overflow:hidden}.tools-hero:before,.hero-bg-decoration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.tools-hero:before{content:"";background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.05)0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.04)0,transparent 50%)}.hero-bg-decoration{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;overflow:hidden}.hero-bg-decoration span{position:absolute;font-family:monospace;font-weight:700;color:rgba(255,255,255,.04);line-height:1}.hero-bg-decoration span:nth-child(1){bottom:30%;left:45%;font-size:10rem;transform:rotate(-20deg)}.hero-bg-decoration span:nth-child(2){top:-13%;right:10%;font-size:14rem;transform:rotate(15deg)}.hero-bg-decoration span:nth-child(3){top:13%;left:1%;font-size:18rem;transform:rotate(10deg)}.tools-hero>.hero-layout-grid{position:relative;z-index:1}.hero-layout-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.tools-lang-switcher{position:absolute;top:1.5rem;z-index:10;display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);color:#fff;padding:.5rem 1.25rem;border:1px solid rgba(255,255,255,.2);border-radius:50px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .2s,border-color .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[dir=rtl] .tools-lang-switcher{left:1.5rem;right:auto}html[dir=ltr] .tools-lang-switcher{right:1.5rem;left:auto}.tools-lang-switcher:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);color:#fff!important}.tools-lang-switcher:focus-visible{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);color:#fff!important;outline:0}.tools-lang-switcher svg{width:18px;height:18px}.hero-primary-zone{display:flex;flex-direction:column;align-items:flex-start}.tools-hero h1{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2);display:inline-block;position:relative;padding-bottom:.75rem}html[dir=ltr] .tools-hero h1{letter-spacing:-.02em}.tools-hero h1:after{content:"";position:absolute;bottom:0;width:60px;height:5px;background:var(--danger, #cc3d31);border-radius:3px}html[dir=rtl] .tools-hero h1:after{right:0}html[dir=ltr] .tools-hero h1:after{left:0}.tools-hero p{color:rgba(255,255,255,.85);font-size:1.15rem;font-weight:500;margin:0 0 2.5rem;line-height:1.6}.tools-search-btn{width:100%;max-width:500px;position:relative;margin-bottom:1.5rem;padding:.85rem 1.5rem .85rem 3.25rem;border:1px solid rgba(0,0,0,.05);border-radius:50px;font-size:1.05rem;background:var(--bg-card, #fff);transition:border-color .2s,box-shadow .2s;color:#888;box-shadow:0 6px 20px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:flex-start;text-align:left;cursor:pointer}html[dir=rtl] .tools-search-btn{padding:.85rem 3.25rem .85rem 1.5rem;text-align:right}.tools-search-btn:hover{border-color:var(--danger, #cc3d31);box-shadow:0 0 0 4px rgba(204,61,49,.2),0 6px 20px rgba(0,0,0,.15)}.tools-search-btn:focus-visible{outline:0;border-color:var(--danger, #cc3d31);box-shadow:0 0 0 4px rgba(204,61,49,.2),0 6px 20px rgba(0,0,0,.15)}.tools-search-icon{position:absolute;top:50%;left:1.1rem;transform:translateY(-50%);color:#888;width:20px;height:20px;pointer-events:none;transition:color .2s}html[dir=rtl] .tools-search-icon{left:auto;right:1.1rem}.tools-search-btn:hover .tools-search-icon{color:var(--danger, #cc3d31)}.tools-search-btn:focus-visible .tools-search-icon{color:var(--danger, #cc3d31)}.hero-chips{display:flex;flex-wrap:wrap;gap:.75rem}.hero-chip{background:rgba(255,255,255,.15);color:#fff;padding:.375rem .85rem;border-radius:20px;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.25);transition:background .2s,border-color .2s;display:inline-flex;align-items:center;gap:.4rem}.hero-chip svg{width:16px;height:16px;opacity:.9}.hero-chip:hover{background:var(--danger, #cc3d31);border-color:var(--danger, #cc3d31);color:#fff!important}.hero-chip:focus-visible{background:var(--danger, #cc3d31);border-color:var(--danger, #cc3d31);color:#fff!important;outline:0}.hero-secondary-zone{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.popular-tool-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.25rem 1rem;text-align:center;color:#fff;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center}.popular-tool-card:hover{background:rgba(255,255,255,.15);border-color:var(--danger, #cc3d31);color:#fff!important}.popular-tool-card:focus-visible{background:rgba(255,255,255,.15);border-color:var(--danger, #cc3d31);color:#fff!important;outline:0}.popular-tool-card svg{width:28px;height:28px;margin-bottom:.75rem;color:rgba(255,255,255,.9);transition:color .2s,transform .2s}.popular-tool-card:hover svg{color:#fff;transform:scale(1.1)}.popular-tool-card:focus-visible svg{color:#fff;transform:scale(1.1)}.popular-tool-card span{display:block;font-size:.95rem;font-weight:600;line-height:1.3}.tools-sections-wrap{padding:0}.tools-section{margin-bottom:3.5rem;scroll-margin-top:60px}.tools-section-title{font-size:1.5rem;color:var(--brand-dark, #0d3b5c);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--brand-light, #e8f4fa);display:flex;align-items:center;gap:.75rem}.tools-section-title svg{color:var(--brand, #1a5f8b);width:28px;height:28px}.tools-grid{display:flex;flex-wrap:wrap;gap:1rem}.tool-card{background:var(--bg-card, #fff);border-radius:12px;padding:.5rem 1rem;box-shadow:0 4px 6px rgba(0,0,0,.05);display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s;border:1px solid transparent;flex:1 1 calc(50% - 1.5rem);min-width:280px}.tool-card:hover{box-shadow:0 12px 20px rgba(0,0,0,.08);border-color:var(--brand-light, #e8f4fa)}.tool-card:focus-visible{box-shadow:0 12px 20px rgba(0,0,0,.08);border-color:var(--brand-light, #e8f4fa);outline:0}.tool-card-icon{background:var(--brand-light, #e8f4fa);color:var(--brand, #1a5f8b);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.tool-card:hover .tool-card-icon{background:var(--brand, #1a5f8b);color:#fff}.tool-card:focus-visible .tool-card-icon{background:var(--brand, #1a5f8b);color:#fff}.tool-card-icon svg{width:20px;height:20px}.tool-card-content{flex:1}.tool-card-content h3{font-size:1.1rem;color:var(--brand-dark, #0d3b5c);margin:0;transition:color .2s;line-height:1.4}.tool-card:hover .tool-card-content h3{color:var(--brand, #1a5f8b)}.tool-card:focus-visible .tool-card-content h3{color:var(--brand, #1a5f8b)}.tool-card-arrow{margin-left:auto;color:#ccc;display:flex;align-items:center;transition:transform .2s,color .2s;font-size:1.5rem}html[dir=rtl] .tool-card-arrow{margin-left:0;margin-right:auto}.tool-card:hover .tool-card-arrow{color:var(--brand, #1a5f8b);transform:translate(4px)}.tool-card:focus-visible .tool-card-arrow{color:var(--brand, #1a5f8b);transform:translate(4px)}html[dir=rtl] .tool-card:hover .tool-card-arrow{transform:translate(-4px)}html[dir=rtl] .tool-card:focus-visible .tool-card-arrow{transform:translate(-4px)}@media (min-width:900px){.hero-layout-grid{grid-template-columns:1.2fr .8fr;text-align:right}html[dir=ltr] .hero-layout-grid{text-align:left}.tools-hero{padding:3.3rem 3rem}.popular-tool-card:nth-child(2n){transform:translateY(20px)}.popular-tool-card:hover{transform:translateY(20px) scale(1.02)}.popular-tool-card:focus-visible{transform:translateY(20px) scale(1.02)}.popular-tool-card:nth-child(odd):hover{transform:scale(1.02)}.popular-tool-card:nth-child(odd):focus-visible{transform:scale(1.02)}}@media (min-width:1024px){.tool-card{flex:1 1 calc(33.333% - 1.5rem)}}@media (max-width:899px){.hero-primary-zone{align-items:center;text-align:center}.tools-hero h1{font-size:2rem;max-width:100%;margin-left:0;margin-right:0}.tools-hero h1:after{left:50%;right:auto;transform:translate(-50%)}.tools-hero p,.tools-search-btn{max-width:100%;margin-left:0;margin-right:0}.hero-chips{justify-content:center}.popular-tool-card:hover{transform:scale(1.02)}.popular-tool-card:focus-visible{transform:scale(1.02)}}@media (max-width:768px){.tool-card{flex:1 1 100%}}@media (max-width:600px){.tools-lang-switcher{top:1rem;padding:.35rem .85rem;font-size:.85rem}html[dir=rtl] .tools-lang-switcher{left:1rem}html[dir=ltr] .tools-lang-switcher{right:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tools-lang-switcher,.tools-search-btn,.tools-search-icon,.hero-chip,.popular-tool-card,.popular-tool-card svg,.tool-card,.tool-card-icon,.tool-card-content h3,.tool-card-arrow{transition:none!important}.popular-tool-card,.popular-tool-card:hover,.popular-tool-card:nth-child(2n),.popular-tool-card:nth-child(odd):hover,.popular-tool-card:hover svg,.tool-card:hover .tool-card-arrow,html[dir=rtl] .tool-card:hover .tool-card-arrow{transform:none!important}}