:root{--primary-color:#0d6efd;--primary-light:#e9ecef;--text-dark:#212529;--text-muted:#5c636a;--bg-body:#f8f9fa}body{background-color:var(--bg-body);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-dark)}.btn-link,.text-primary{color:#0a58ca!important}.btn-outline-primary{--bs-btn-color:#0054a3;--bs-btn-border-color:#0054a3;--bs-btn-hover-bg:#0054a3;--bs-btn-hover-border-color:#0054a3;--bs-btn-active-bg:#003d7a;--bs-btn-active-border-color:#003d7a}.hero-section{padding:5rem 0 3rem;text-align:center;position:relative;overflow:hidden}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-dark);letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;font-weight:400;color:var(--text-muted);max-width:700px;margin:0 auto 3rem;line-height:1.6}.search-wrapper{max-width:600px;margin:0 auto 3rem;position:relative;background:#fff;padding:.25rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;align-items:center;border:1px solid #dee2e6}.search-input{border:none;flex-grow:1;padding:.75rem 1rem;font-size:1rem;outline:0;background:0 0}.search-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-weight:600;transition:background-color .2s;margin-right:.25rem}.search-btn:hover{background-color:#0b5ed7}.hero-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:left;height:100%;transition:transform .2s,box-shadow .2s;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,.02);position:relative;overflow:hidden}.hero-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05);border-color:#dee2e6}.hero-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.icon-purple{background-color:#f3f0ff;color:#7950f2}.icon-blue{background-color:#e7f5ff;color:#228be6}.hero-card-title{font-weight:600;margin-bottom:.5rem;font-size:1.1rem;color:var(--text-dark)}.hero-card-desc{font-size:.9rem;color:var(--text-muted)}.terminal-card{background:#1e293b;color:#38bdf8;font-family:'Fira Code',monospace;font-size:.8rem;border:none}.terminal-header{display:flex;gap:6px;margin-bottom:1rem}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.code-line{margin-bottom:.25rem;display:block}.cursor{display:inline-block;width:8px;height:15px;background:#38bdf8;animation:1s infinite blink;vertical-align:middle}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.tools-section{padding:5rem 0;border-bottom:1px solid #eee}.tools-section:last-of-type{border-bottom:none}.section-gray{background-color:#fafafa}.section-white{background-color:#fff}.section-blue{background-color:#f8f9ff}.section-purple{background-color:#faf8ff}.section-green{background-color:#f8fdf8}.section-warm{background-color:#fffbf5}.section-inner{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}.section-info{position:sticky;top:2rem}.section-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:.85rem;font-weight:700;margin-bottom:1.25rem;border:2px solid}.section-info h2{font-size:1.75rem;font-weight:800;color:#111;margin-bottom:.75rem;line-height:1.2}.section-info p{font-size:.95rem;color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.section-illustration{width:100%;max-width:240px;aspect-ratio:1;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb}.section-illustration img{width:100%;height:100%;object-fit:cover}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tool-card-home{background:#fff;border-radius:14px;padding:1.25rem;border:1px solid #e9ecef;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s;min-height:140px;position:relative}.tool-card-home:hover{border-color:#d0d5dd;box-shadow:0 4px 16px rgba(0,0,0,.06);color:inherit}.tool-card-home.coming-soon{opacity:.55}.tool-card-home.coming-soon:hover{box-shadow:none;cursor:default}.tool-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.tool-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.tool-card-arrow{color:#c0c5cf;font-size:.85rem;transition:color .2s}.tool-card-home:hover .tool-card-arrow{color:#6c63ff}.tool-card-name{font-weight:700;font-size:.9rem;color:#111;margin-bottom:.35rem}.tool-card-desc{font-size:.8rem;color:#6b7280;line-height:1.45}.badge-soon{font-size:.6rem;background:#f3f4f6;color:#9ca3af;padding:2px 6px;border-radius:4px;font-weight:600;white-space:nowrap;margin-left:4px;vertical-align:middle}@media (max-width:991.98px){.section-inner{grid-template-columns:1fr;gap:2rem}.section-info{position:static}.section-illustration{display:none}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767.98px){.hero-section{padding:3.5rem 0 2.5rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.05rem;margin-bottom:2rem}}@media (max-width:575.98px){.hero-section{padding:2.5rem 0 1.5rem}.hero-title{font-size:1.75rem;letter-spacing:-.01em}.hero-subtitle{font-size:.95rem;margin-bottom:1.5rem}.tool-grid{grid-template-columns:1fr}.tools-section{padding:3rem 0}}.live-preview-bar{background:#fff;border-radius:50px;padding:.75rem 1.5rem;box-shadow:0 10px 40px -10px rgba(0,0,0,.1);display:inline-flex;align-items:center;gap:1rem;margin-top:3rem;max-width:800px;width:100%;border:1px solid #e9ecef}.preview-pill{background:var(--primary-color);color:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:20px;font-weight:700}.preview-input{border:none;outline:0;width:100%;color:var(--text-dark);font-family:inherit;background:0 0}#all-tools .btn.btn-outline-secondary{--bs-btn-color:#495057;--bs-btn-border-color:#adb5bd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#495057;--bs-btn-hover-border-color:#495057;--bs-btn-focus-shadow-rgb:73,80,87;--bs-btn-active-color:#fff;--bs-btn-active-bg:#343a40;--bs-btn-active-border-color:#343a40}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.search-page-hero{background:linear-gradient(135deg,#0d6efd 0,#3b82f6 100%);padding:3rem 0 3.25rem;color:#fff}.search-page-hero-inner{max-width:720px;margin:0 auto;text-align:center}.search-page-title{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:800;margin-bottom:1.25rem;color:#fff}.search-page-form{position:relative;display:flex;align-items:center;background:#fff;border-radius:999px;box-shadow:0 18px 40px -12px rgba(0,0,0,.35);padding:.35rem .35rem .35rem 0}.search-page-form-icon{position:absolute;left:1.15rem;color:#8a9099;font-size:1.05rem;pointer-events:none}.search-page-input{flex:1 1 auto;min-width:0;border:0;outline:0;background:0 0;padding:.85rem 1rem .85rem 2.9rem;font-size:1.05rem;color:#212529;border-radius:999px}.search-page-input::-webkit-search-cancel-button{display:none}.search-page-submit{flex:0 0 auto;border:0;border-radius:999px;background:#0d6efd;color:#fff;font-weight:600;padding:.7rem 1.4rem;min-height:48px;cursor:pointer;transition:background .15s}.search-page-submit:hover{background:#0b5ed7}.search-page-summary{margin:1.1rem 0 0;font-size:.98rem;color:rgba(255,255,255,.92)}.search-page-count{display:inline-block;margin-left:.4rem;padding:.15rem .6rem;background:rgba(255,255,255,.2);border-radius:999px;font-size:.82rem;font-weight:600}.search-empty-state{text-align:center;max-width:520px;margin:2.5rem auto;padding:2rem 1rem}.search-empty-icon{font-size:3rem;color:#c3ccd8;display:block;margin-bottom:1rem}.search-empty-text{font-size:1.15rem;font-weight:600;color:#343a40;margin-bottom:.5rem}.search-empty-hint{color:#6c757d;margin-bottom:1.5rem}[dir=rtl] .search-page-form-icon{left:auto;right:1.15rem}[dir=rtl] .search-page-input{padding:.85rem 2.9rem .85rem 1rem}[dir=rtl] .nav-search-icon{left:auto;right:.85rem}[dir=rtl] .nav-search-input{padding:.5rem 2.4rem .5rem 2.2rem}[dir=rtl] .nav-search-clear{right:auto;left:.5rem}