500;600;700;800&display=swap');:root{--primary:#6c47ff;--primary-dark:#5535e0;--primary-light:#8b6dff;--secondary:#ff6b47;--secondary-dark:#e5512e;--accent:#00d4aa;--bg:#ffffff;--bg-alt:#f8f7ff;--bg-alt2:#f0eeff;--surface:#ffffff;--surface2:#fafaf9;--border:#e5e7eb;--border-light:#f0f0f0;--text:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--shadow:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 40px -10px rgba(0,0,0,0.15);--radius:14px;--radius-sm:8px;--radius-lg:20px;--transition:0.2s ease}[data-theme="dark"]{--bg:#0d0c18;--bg-alt:#16142a;--bg-alt2:#1c1a35;--surface:#1a1830;--surface2:#1f1d38;--border:#2d2b45;--border-light:#252340;--text:#f1f0ff;--text-muted:#a09dc0;--text-light:#6b68a0;--shadow:0 4px 6px -1px rgba(0,0,0,0.5);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.6);--shadow-xl:0 20px 40px -10px rgba(0,0,0,0.7)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background 0.3s ease,color 0.3s ease;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}button{font-family:inherit}h1{font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800;line-height:1.2;color:var(--text)}h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.3;color:var(--text)}h3{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;color:var(--text)}h4{font-size:1.05rem;font-weight:600;color:var(--text)}h5{font-size:0.95rem;font-weight:600;color:var(--text)}p{margin-bottom:1rem;color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}::selection{background:rgba(108,71,255,0.2);color:var(--text)}.navbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.95);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px rgba(0,0,0,0.08)}[data-theme="dark"] .navbar{background:rgba(26,24,48,0.95)}.nav-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.5px;flex-shrink:0;line-height:0}.nav-logo img{display:block;max-width:140px;width:100%;height:auto;-webkit-text-fill-color:initial}.nav-menu{display:flex;align-items:center;gap:0.25rem;list-style:none}.nav-menu a{padding:0.45rem 0.9rem;border-radius:8px;color:var(--text-muted);font-size:0.9rem;font-weight:500;transition:all var(--transition)}.nav-menu a:hover,.nav-menu a.active{background:var(--bg-alt);color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:0.75rem}.nav-social{display:flex;align-items:center;gap:0.4rem}.nav-social-link{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-alt);border:1px solid var(--border);transition:all var(--transition)}.nav-social-link:hover{background:var(--primary);color:white;border-color:var(--primary);transform:translateY(-2px)}.theme-toggle{background:var(--bg-alt);border:1px solid var(--border);border-radius:20px;padding:0.4rem 0.85rem;cursor:pointer;font-size:0.85rem;color:var(--text-muted);display:flex;align-items:center;gap:0.4rem;transition:all var(--transition);white-space:nowrap}.theme-toggle:hover{background:var(--primary);color:white;border-color:var(--primary)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all 0.3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{background:linear-gradient(135deg,var(--bg-alt) 0%,var(--bg) 60%,var(--bg-alt) 100%);padding:5.5rem 1.5rem 4.5rem;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(108,71,255,0.06) 0%,transparent 60%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:0.45rem;background:linear-gradient(135deg,rgba(108,71,255,0.12),rgba(255,107,71,0.1));border:1px solid rgba(108,71,255,0.25);border-radius:24px;padding:0.45rem 1.1rem;font-size:0.85rem;font-weight:600;color:var(--primary);margin-bottom:1.75rem}.hero h1{margin-bottom:1.25rem}.hero h1 span{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero>p,.hero .hero-desc{font-size:1.15rem;max-width:620px;margin:0 auto 2.25rem;color:var(--text-muted)}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3.5rem}.hero-stats{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}.stat{text-align:center}.stat-number{font-size:2.2rem;font-weight:800;color:var(--primary);display:block;line-height:1}.stat-label{font-size:0.82rem;color:var(--text-muted);margin-top:0.3rem}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.95rem;cursor:pointer;transition:all var(--transition);border:2px solid transparent;line-height:1;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;box-shadow:0 4px 18px rgba(108,71,255,0.38)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(108,71,255,0.52);color:white}.btn-secondary{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:white;box-shadow:0 4px 18px rgba(255,107,71,0.38)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,107,71,0.52);color:white}.btn-outline{border-color:var(--border);color:var(--text-muted);background:var(--surface)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:rgba(108,71,255,0.05)}.btn-ghost{background:transparent;color:var(--primary);border-color:transparent;padding:0.5rem 0.75rem}.btn-ghost:hover{background:rgba(108,71,255,0.08)}.btn-sm{padding:0.5rem 1.1rem;font-size:0.875rem}.btn-lg{padding:0.9rem 2.2rem;font-size:1.05rem}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-sm{max-width:860px;margin:0 auto;padding:0 1.5rem}.section{padding:4.5rem 0}.section-sm{padding:3rem 0}.section-header{text-align:center;margin-bottom:3.5rem}.section-header p{max-width:560px;margin:0.75rem auto 0;font-size:1.05rem}.section-badge{display:inline-block;background:rgba(108,71,255,0.1);color:var(--primary);border-radius:20px;padding:0.3rem 1rem;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all 0.25s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.tool-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform 0.3s ease;transform-origin:left}.tool-card:hover::before{transform:scaleX(1)}.tool-card:hover{border-color:rgba(108,71,255,0.35);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tool-icon{width:52px;height:52px;background:linear-gradient(135deg,rgba(108,71,255,0.15),rgba(255,107,71,0.1));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.1rem;flex-shrink:0}.tool-card h3{margin-bottom:0.5rem;font-size:1rem;color:var(--text)}.tool-card p{font-size:0.875rem;margin-bottom:1.1rem;flex:1;line-height:1.5}.tool-card .btn{font-size:0.85rem;padding:0.5rem 1.1rem;align-self:flex-start}.tool-badge{display:inline-block;font-size:0.7rem;font-weight:700;padding:0.2rem 0.6rem;border-radius:10px;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.badge-seo{background:rgba(108,71,255,0.12);color:var(--primary)}.badge-text{background:rgba(0,212,170,0.12);color:#00a389}.badge-social{background:rgba(255,107,71,0.12);color:var(--secondary)}.badge-dev{background:rgba(59,130,246,0.12);color:#2563eb}.badge-utility{background:rgba(245,158,11,0.12);color:#d97706}.badge-calc{background:rgba(239,68,68,0.12);color:#dc2626}.categories{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.cat-tab{padding:0.5rem 1.1rem;border-radius:24px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;font-size:0.875rem;font-weight:500;transition:all var(--transition);display:flex;align-items:center;gap:0.35rem}.cat-tab.active,.cat-tab:hover{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 4px 14px rgba(108,71,255,0.35)}.tool-page{max-width:920px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.tool-page-header{text-align:center;margin-bottom:2.25rem}.tool-page-header .badge{display:inline-block;background:rgba(108,71,255,0.12);color:var(--primary);border-radius:20px;padding:0.3rem 0.9rem;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.85rem}.tool-page-header h1{margin-bottom:0.75rem}.tool-page-header p{max-width:600px;margin:0 auto;font-size:1.05rem}.tool-interface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow)}.tool-label{display:block;font-size:0.875rem;font-weight:600;color:var(--text);margin-bottom:0.5rem}.tool-interface textarea,.tool-interface input[type="text"],.tool-interface input[type="number"],.tool-interface input[type="url"],.tool-interface input[type="email"],.tool-interface select{width:100%;padding:0.8rem 1rem;background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.95rem;font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition);resize:vertical;-webkit-appearance:none;appearance:none}.tool-interface textarea:focus,.tool-interface input:focus,.tool-interface select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,71,255,0.12)}.tool-interface textarea{min-height:160px}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tool-controls{display:flex;gap:0.75rem;flex-wrap:wrap;margin:1.25rem 0}.tool-output{background:var(--bg-alt);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:1.1rem 1rem;min-height:90px;font-size:0.9rem;word-break:break-all;white-space:pre-wrap;line-height:1.65;color:var(--text);position:relative}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.output-label{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted)}.tool-stats{display:flex;gap:1rem;flex-wrap:wrap;margin:1.25rem 0}.tool-stat{text-align:center;padding:0.85rem 1.25rem;background:var(--bg-alt);border-radius:var(--radius-sm);border:1px solid var(--border);flex:1;min-width:90px}.tool-stat span{display:block;font-size:1.6rem;font-weight:800;color:var(--primary)}.tool-stat small{font-size:0.78rem;color:var(--text-muted)}.copy-btn,.btn-copy{background:var(--primary);color:white;border:none;padding:0.45rem 1rem;border-radius:6px;cursor:pointer;font-size:0.82rem;font-weight:600;transition:all var(--transition);font-family:inherit;display:inline-flex;align-items:center;gap:0.4rem}.copy-btn:hover,.btn-copy:hover{background:var(--primary-dark);transform:scale(1.02)}.copy-btn.copied{background:#059669}.radio-group,.check-group{display:flex;gap:1rem;flex-wrap:wrap;margin:0.75rem 0}.radio-group label,.check-group label{display:flex;align-items:center;gap:0.45rem;cursor:pointer;color:var(--text-muted);font-size:0.9rem;padding:0.45rem 0.85rem;border-radius:8px;border:1.5px solid var(--border);transition:all var(--transition)}.radio-group label:hover,.check-group label:hover{border-color:var(--primary);color:var(--primary)}.radio-group input,.check-group input{accent-color:var(--primary)}.check-item{display:flex;align-items:center;gap:0.5rem;padding:0.6rem 0.85rem;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;font-size:0.88rem;color:var(--text);transition:all var(--transition)}.check-item:hover{border-color:var(--primary);color:var(--primary)}.check-item input[type="checkbox"]{accent-color:var(--primary);margin:0}input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;margin:0.75rem 0}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px rgba(108,71,255,0.4)}input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}.range-value{display:inline-block;background:var(--primary);color:white;padding:0.2rem 0.7rem;border-radius:12px;font-size:0.85rem;font-weight:700}.content-section{margin:3rem 0}.content-section h2{margin-bottom:1rem;color:var(--text)}.content-section p{color:var(--text-muted)}.content-section ul,.content-section ol{margin:0.75rem 0 1rem 1.5rem;color:var(--text-muted)}.content-section li{margin-bottom:0.5rem}.faq-list{margin:0}.faq-item{border:1.5px solid var(--border);border-radius:var(--radius-sm);margin-bottom:0.75rem;overflow:hidden;transition:border-color var(--transition)}.faq-item:hover{border-color:rgba(108,71,255,0.3)}.faq-question{padding:1.1rem 1.25rem;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;background:var(--surface);color:var(--text);user-select:none;font-size:0.95rem}.faq-question .faq-icon{font-size:1.2rem;color:var(--primary);transition:transform 0.3s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 1.25rem;max-height:0;overflow:hidden;transition:all 0.35s ease}.faq-item.open .faq-answer{max-height:400px;padding:1rem 1.25rem}.related-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.85rem}.related-tool{padding:0.85rem 1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);display:flex;align-items:center;gap:0.6rem;color:var(--text-muted);font-size:0.875rem;font-weight:500}.related-tool:hover{border-color:var(--primary);color:var(--primary);background:rgba(108,71,255,0.05);transform:translateX(4px)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.75rem}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all 0.25s ease;display:flex;flex-direction:column}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:rgba(108,71,255,0.2)}.blog-card-img{height:195px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:linear-gradient(135deg,var(--bg-alt),var(--bg-alt2));position:relative}.blog-card-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,0.1))}.blog-card-body{padding:1.4rem;flex:1;display:flex;flex-direction:column}.blog-tag{font-size:0.72rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:0.6rem}.blog-card h3{font-size:1.05rem;margin-bottom:0.6rem;color:var(--text);line-height:1.4}.blog-card p{font-size:0.875rem;margin-bottom:0.85rem;flex:1}.blog-meta{font-size:0.8rem;color:var(--text-light);display:flex;gap:1rem;flex-wrap:wrap}.blog-post{max-width:820px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.blog-post h1{margin-bottom:1.25rem}.blog-post h2{margin:2.25rem 0 0.85rem;color:var(--text)}.blog-post h3{margin:1.75rem 0 0.6rem;color:var(--text)}.blog-post p{color:var(--text-muted);line-height:1.75}.blog-post ul,.blog-post ol{margin:0.75rem 0 1.25rem 1.75rem;color:var(--text-muted)}.blog-post li{margin-bottom:0.5rem;line-height:1.6}.blog-post strong{color:var(--text)}.blog-post blockquote{border-left:4px solid var(--primary);background:var(--bg-alt);padding:1.25rem 1.5rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5rem 0;font-style:italic}.post-meta{display:flex;gap:1rem;align-items:center;margin-bottom:2.25rem;flex-wrap:wrap;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.post-meta span{font-size:0.875rem;color:var(--text-muted)}.post-meta .tag{background:rgba(108,71,255,0.12);color:var(--primary);padding:0.3rem 0.85rem;border-radius:20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;transition:all 0.25s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:2rem;margin-bottom:1rem;width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(108,71,255,0.1),rgba(255,107,71,0.08))}.feature-card h3{margin-bottom:0.5rem;font-size:1.05rem}.feature-card p{font-size:0.875rem;margin:0}.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:4rem 1.5rem 1.75rem}.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}.footer-brand .nav-logo{display:inline-block;margin-bottom:0.85rem;line-height:0}.footer-brand .nav-logo img{max-width:130px;height:auto}.footer-brand p{font-size:0.875rem;max-width:290px;line-height:1.65}.footer-social{display:flex;gap:0.6rem;margin-top:1.25rem}.social-btn{width:36px;height:36px;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:0.9rem;color:var(--text-muted);transition:all var(--transition)}.social-btn:hover{background:var(--primary);color:white;border-color:var(--primary);transform:translateY(-2px)}.footer-col h4{color:var(--text);margin-bottom:1.1rem;font-size:0.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:700}.footer-col ul{list-style:none}.footer-col li{margin-bottom:0.6rem}.footer-col a{color:var(--text-muted);font-size:0.875rem;transition:color var(--transition);display:inline-block}.footer-col a:hover{color:var(--primary);transform:translateX(3px)}.footer-bottom{max-width:1280px;margin:0 auto;border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:0.82rem;color:var(--text-muted)}.ad-container{width:100%;min-height:90px;background:var(--bg-alt);border:1.5px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:0.78rem;margin:1.5rem 0;text-align:center}.ad-banner{min-height:90px}.ad-square{min-height:250px;max-width:300px}.ad-leaderboard{min-height:90px}.alert{padding:0.85rem 1.1rem;border-radius:var(--radius-sm);font-size:0.875rem;margin:0.85rem 0;display:flex;align-items:flex-start;gap:0.6rem}.alert-success{background:rgba(16,185,129,0.1);color:#047857;border:1px solid rgba(16,185,129,0.25)}.alert-error{background:rgba(239,68,68,0.1);color:#dc2626;border:1px solid rgba(239,68,68,0.25)}.alert-info{background:rgba(59,130,246,0.1);color:#2563eb;border:1px solid rgba(59,130,246,0.25)}.alert-warning{background:rgba(245,158,11,0.1);color:#d97706;border:1px solid rgba(245,158,11,0.25)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.label{display:block;font-size:0.875rem;font-weight:600;color:var(--text);margin-bottom:0.45rem}.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--text-muted);padding:1rem 0;max-width:1280px;margin:0 auto;padding:1rem 1.5rem 0}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{color:var(--text-light)}.page-header{background:linear-gradient(135deg,var(--bg-alt),var(--bg));padding:3.5rem 1.5rem 3rem;text-align:center;border-bottom:1px solid var(--border)}.page-header h1{margin-bottom:0.75rem}.page-header p{max-width:600px;margin:0 auto;font-size:1.05rem}.table-wrapper{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:0.9rem}th{background:var(--bg-alt);color:var(--text);font-weight:700;padding:0.9rem 1rem;text-align:left;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.5px}td{padding:0.85rem 1rem;color:var(--text-muted);border-top:1px solid var(--border)}tr:hover td{background:var(--bg-alt)}.progress-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width 0.5s ease}.strength-meter{margin:1rem 0}.strength-bars{display:flex;gap:4px;margin-bottom:0.4rem}.strength-bar{flex:1;height:6px;border-radius:3px;background:var(--border);transition:background 0.3s}.strength-bar.weak{background:#ef4444}.strength-bar.fair{background:#f59e0b}.strength-bar.good{background:#3b82f6}.strength-bar.strong{background:#10b981}.strength-label{font-size:0.8rem;font-weight:600}.tab-nav{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1.5rem}.tab-btn{padding:0.75rem 1.25rem;background:none;border:none;color:var(--text-muted);font-weight:600;font-size:0.9rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition);font-family:inherit}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-btn:hover{color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.tag-list{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.75rem 0}.tag-chip{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.85rem;border-radius:20px;background:var(--bg-alt);border:1px solid var(--border);font-size:0.82rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.tag-chip:hover,.tag-chip.selected{background:var(--primary);color:white;border-color:var(--primary)}.tag-chip .remove{font-size:0.9rem;opacity:0.7}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--text);color:var(--bg);padding:0.85rem 1.25rem;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:500;box-shadow:var(--shadow-xl);z-index:9999;transform:translateY(100px);opacity:0;transition:all 0.3s ease}.toast.show{transform:translateY(0);opacity:1}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-alt) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media (max-width:768px){.nav-logo img{max-width:120px}.nav-menu{display:none;position:fixed;top:68px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;padding:1rem 1.5rem 1.5rem;gap:0.25rem;box-shadow:var(--shadow-lg)}.nav-menu.open{display:flex}.nav-menu a{padding:0.6rem 0.9rem}.hamburger{display:flex}.hero{padding:3.5rem 1.5rem 3rem}.hero-stats{gap:1.5rem}.stat-number{font-size:1.8rem}.form-row{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;text-align:center}.blog-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.nav-logo img{max-width:100px}.hero{padding:3rem 1rem 2.5rem}.tool-page{padding:1.5rem 1rem 3rem}.blog-post{padding:1.5rem 1rem 3rem}.tool-interface{padding:1.25rem}.grid-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero-stats{gap:1rem}.btn-lg{padding:0.75rem 1.5rem;font-size:0.95rem}}@media print{.navbar,.footer,.ad-container,.tool-controls{display:none}body{background:white;color:black}}.blog-post-layout{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 5rem;display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}.blog-article{min-width:0}.blog-article-header{margin-bottom:2rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border)}.blog-article-header h1{margin:0.85rem 0 1rem;font-size:clamp(1.7rem,3.5vw,2.4rem)}.blog-article-header .blog-meta{margin-bottom:0.75rem}.blog-intro{font-size:1.1rem;color:var(--text-muted);line-height:1.75;margin:0;border-left:4px solid var(--primary);padding-left:1.25rem}.blog-article h2{margin:2.25rem 0 0.85rem;color:var(--text)}.blog-article h3{margin:1.75rem 0 0.6rem;color:var(--text)}.blog-article p{color:var(--text-muted);line-height:1.75;margin-bottom:1rem}.blog-article ul,.blog-article ol{margin:0.75rem 0 1.25rem 1.75rem;color:var(--text-muted)}.blog-article li{margin-bottom:0.5rem;line-height:1.65}.blog-article strong{color:var(--text)}.blog-article blockquote{border-left:4px solid var(--primary);background:var(--bg-alt);padding:1.25rem 1.5rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.5rem 0;font-style:italic}.blog-article a{color:var(--primary);font-weight:500}.blog-article a:hover{text-decoration:underline}.blog-cta{background:linear-gradient(135deg,rgba(108,71,255,0.08),rgba(255,107,71,0.06));border:1.5px solid rgba(108,71,255,0.2);border-radius:var(--radius);padding:1.75rem;margin:2rem 0;text-align:center}.blog-cta h3{color:var(--text);margin-bottom:0.5rem;font-size:1.15rem}.blog-cta p{color:var(--text-muted);margin-bottom:1.1rem}.blog-cta .btn{margin:0 auto}.blog-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:1.5rem}.sidebar-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem}.sidebar-widget h3{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.8px;font-weight:700;color:var(--text-muted);margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:1px solid var(--border)}.sidebar-widget .related-tool{display:flex;align-items:center;gap:0.6rem;padding:0.65rem 0.75rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:0.875rem;font-weight:500;border:1px solid var(--border);margin-bottom:0.5rem;transition:all var(--transition);background:var(--bg-alt)}.sidebar-widget .related-tool:hover{border-color:var(--primary);color:var(--primary);background:rgba(108,71,255,0.05);transform:translateX(3px)}.sidebar-widget ul{list-style:none;padding:0}.sidebar-widget ul li{margin-bottom:0.6rem;padding-bottom:0.6rem;border-bottom:1px solid var(--border-light)}.sidebar-widget ul li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-widget ul a{font-size:0.875rem;color:var(--text-muted);line-height:1.45;display:block}.sidebar-widget ul a:hover{color:var(--primary)}.read-more{display:inline-flex;align-items:center;gap:0.35rem;color:var(--primary);font-size:0.875rem;font-weight:600;margin-top:auto;padding:0.4rem 0;transition:gap var(--transition)}.read-more:hover{gap:0.6rem;color:var(--primary-dark)}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all 0.25s ease;display:flex;flex-direction:column}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:rgba(108,71,255,0.25)}.blog-card h2{font-size:1.05rem;margin:0.5rem 0 0.65rem;color:var(--text);line-height:1.4}.blog-card h2 a{color:var(--text)}.blog-card h2 a:hover{color:var(--primary);text-decoration:none}.blog-card p{font-size:0.875rem;margin-bottom:1rem;flex:1}#readingProgress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:9999;transition:width 0.1s linear}@media (max-width:1024px){.blog-post-layout{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}}@media (max-width:640px){.blog-post-layout{padding:1.5rem 1rem 3rem}.blog-sidebar{grid-template-columns:1fr}.blog-cta{padding:1.25rem}}@media (max-width:768px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:480px){.grid-3{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .65s cubic-bezier(.22,.68,0,1.2),transform .65s cubic-bezier(.22,.68,0,1.2)}.reveal.visible{opacity:1;transform:none}.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .65s cubic-bezier(.22,.68,0,1.2),transform .65s cubic-bezier(.22,.68,0,1.2)}.reveal-left.visible{opacity:1;transform:none}.reveal-right{opacity:0;transform:translateX(32px);transition:opacity .65s cubic-bezier(.22,.68,0,1.2),transform .65s cubic-bezier(.22,.68,0,1.2)}.reveal-right.visible{opacity:1;transform:none}.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.68,0,1.2)}.reveal-scale.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.glass-card{background:rgba(255,255,255,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.6);box-shadow:0 8px 32px rgba(108,71,255,.08),0 2px 8px rgba(15,23,42,.06)}[data-theme="dark"] .glass-card{background:rgba(26,24,48,.75);border-color:rgba(255,255,255,.1)}.grad-border{position:relative;background:var(--surface);border-radius:var(--radius);padding:1.75rem}.grad-border::before{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:1.5px;background:linear-gradient(135deg,rgba(108,71,255,.5),rgba(255,107,71,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.testimonials{padding:5rem 1.5rem;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media(max-width:900px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.testimonials-grid{grid-template-columns:1fr}}.testi-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.testi-card::before{content:'"';position:absolute;top:-.2rem;right:1rem;font-size:5rem;color:rgba(108,71,255,.08);font-family:Georgia,serif;line-height:1;pointer-events:none}.testi-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(108,71,255,.12);border-color:rgba(108,71,255,.3)}.testi-stars{color:#f59e0b;font-size:.9rem;margin-bottom:.85rem;letter-spacing:.05em}.testi-text{font-size:.93rem;color:var(--text-muted);line-height:1.7;margin:0 0 1.25rem;font-style:italic}.testi-author{display:flex;align-items:center;gap:.85rem}.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 3px 10px rgba(108,71,255,.3)}.testi-name{font-size:.9rem;font-weight:700;color:var(--text)}.testi-role{font-size:.78rem;color:var(--text-muted);margin-top:.1rem}.how-it-works{padding:5rem 1.5rem;background:var(--bg-alt)}.hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}@media(max-width:768px){.hiw-grid{grid-template-columns:1fr;gap:1.5rem}}.hiw-step{text-align:center;position:relative}.hiw-step:not(:last-child)::after{content:'→';position:absolute;right:-1rem;top:2rem;font-size:1.5rem;color:rgba(108,71,255,.3);font-weight:300}@media(max-width:768px){.hiw-step:not(:last-child)::after{display:none}}.hiw-num{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6c47ff,#8b5cf6);color:#fff;font-size:1.4rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 8px 24px rgba(108,71,255,.35);position:relative}.hiw-step:nth-child(2) .hiw-num{background:linear-gradient(135deg,#ff6b47,#f43f5e);box-shadow:0 8px 24px rgba(255,107,71,.35)}.hiw-step:nth-child(3) .hiw-num{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px rgba(16,185,129,.35)}.hiw-step h3{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 .6rem}.hiw-step p{font-size:.88rem;color:var(--text-muted);line-height:1.65;margin:0}.final-cta{padding:5rem 1.5rem;background:linear-gradient(135deg,#0f0620 0%,#1a0a3e 30%,#150935 60%,#0e1a40 100%);text-align:center;position:relative;overflow:hidden}.final-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(108,71,255,.25) 0%,transparent 65%),radial-gradient(ellipse 40% 30% at 80% 30%,rgba(255,107,71,.15) 0%,transparent 55%);pointer-events:none}.final-cta-inner{position:relative;z-index:1;max-width:640px;margin:0 auto}.final-cta h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#fff;margin-bottom:1rem;line-height:1.15;letter-spacing:-.03em}.final-cta p{color:rgba(255,255,255,.65);font-size:1.05rem;margin-bottom:2.5rem;line-height:1.65}.final-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.trust-badges{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.trust-badge{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.55);font-size:.83rem;font-weight:600}.trust-badge-icon{font-size:1.05rem}#backToTop{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6c47ff,#8b5cf6);color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(108,71,255,.4);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:999}.backToTop-visible{opacity:1 !important;pointer-events:auto !important;transform:scale(1) !important}#backToTop:hover{transform:translateY(-3px) scale(1.08) !important;box-shadow:0 10px 32px rgba(108,71,255,.55)}#scrollProgress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6c47ff,#ff6b47);transform-origin:left;transform:scaleX(0);z-index:9999;transition:transform .1s linear}.count-up{display:inline-block;transition:all .3s ease}.neon-purple{box-shadow:0 0 20px rgba(108,71,255,.4),0 0 40px rgba(108,71,255,.2)}.neon-orange{box-shadow:0 0 20px rgba(255,107,71,.4),0 0 40px rgba(255,107,71,.2)}.blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:blobFloat 8s ease-in-out infinite}.blob-1{width:300px;height:300px;background:rgba(108,71,255,.12);top:-80px;right:-80px;animation-delay:0s}.blob-2{width:200px;height:200px;background:rgba(255,107,71,.1);bottom:-50px;left:-60px;animation-delay:-4s}@keyframes blobFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.tool-card.premium{border:1.5px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.tool-card.premium::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(108,71,255,.02) 0%,transparent 60%);pointer-events:none;border-radius:var(--radius)}.tool-card.premium:hover{border-color:rgba(108,71,255,.4);box-shadow:0 12px 36px rgba(108,71,255,.12)}@keyframes pulseRing{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(108,71,255,.45)}70%{transform:scale(1);box-shadow:0 0 0 12px rgba(108,71,255,0)}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(108,71,255,0)}}.pulse-ring{animation:pulseRing 2.5s ease infinite}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;max-width:1100px;margin:0 auto}.feature-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.75rem;transition:all .25s ease;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover::before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(108,71,255,.1);border-color:rgba(108,71,255,.3)}.feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(108,71,255,.12),rgba(108,71,255,.04));display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:1rem}.feature-card h3{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.feature-card p{font-size:.84rem;color:var(--text-muted);line-height:1.6;margin:0}.rating-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);border-radius:20px;padding:.3rem .9rem;font-size:.82rem;font-weight:700;color:#d97706}.rating-stars{color:#f59e0b;letter-spacing:.05em}.trusted-text{font-size:.78rem;color:var(--text-muted);margin-left:.25rem;font-weight:500}.form-group input,.form-group select,.form-group textarea,input[type=text],input[type=number],input[type=email],input[type=url],input[type=password],select,textarea{border-radius:10px;border:1.5px solid var(--border,#e2e8f0);padding:.7rem 1rem;font-size:.95rem;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background:var(--bg-alt,#f8fafc);color:var(--text);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary,#6c47ff);box-shadow:0 0 0 3px rgba(108,71,255,.12);outline:none;background:var(--surface,#fff)}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.4rem;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;text-decoration:none}.btn-primary,.btn-generate{background:linear-gradient(135deg,#6c47ff,#8b5cf6);color:#fff;box-shadow:0 4px 14px rgba(108,71,255,.3)}.btn-primary:hover,.btn-generate:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(108,71,255,.4);background:linear-gradient(135deg,#5a35f0,#7c3aed)}.btn-secondary,.btn-copy,.btn-reset,.btn-sample{background:var(--bg-alt,#f1f5f9);color:var(--text);border:1.5px solid var(--border,#e2e8f0)}.btn-secondary:hover,.btn-copy:hover,.btn-reset:hover,.btn-sample:hover{background:var(--border,#e2e8f0);border-color:var(--primary,#6c47ff);color:var(--primary,#6c47ff);transform:translateY(-1px)}.btn-download,.btn-share{background:linear-gradient(135deg,#ff6b47,#f97316);color:#fff;box-shadow:0 4px 14px rgba(255,107,71,.25)}.btn-download:hover,.btn-share:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,71,.35)}.tool-interface{position:relative;overflow:hidden}.tool-interface::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary,#6c47ff),var(--secondary,#ff6b47));z-index:1}.tab-nav{display:flex;gap:.4rem;margin-bottom:1.5rem;background:var(--bg-alt,#f8fafc);padding:.35rem;border-radius:12px;border:1px solid var(--border,#e2e8f0)}.tab-btn{padding:.55rem 1rem;border-radius:9px;border:none;background:transparent;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--text-muted,#64748b);transition:all .2s;font-family:inherit}.tab-btn.active{background:var(--primary,#6c47ff);color:#fff;box-shadow:0 2px 8px rgba(108,71,255,.3)}.tab-btn:hover:not(.active){background:var(--surface,#fff);color:var(--text)}.tool-output,.result-box{background:var(--surface,#fff);border:1.5px solid var(--border,#e2e8f0);border-left:4px solid var(--primary,#6c47ff);border-radius:10px;padding:1.1rem 1.25rem;min-height:90px;font-size:.92rem;word-break:break-all;white-space:pre-wrap;line-height:1.7;color:var(--text);position:relative;transition:border-color .2s}.tool-features{margin:2rem 0 1.5rem}.tool-features-title{font-size:1.1rem;font-weight:800;color:var(--text);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.tool-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.tool-feature-item{background:var(--surface,#fff);border:1.5px solid var(--border,#e2e8f0);border-radius:12px;padding:1rem 1.1rem;display:flex;gap:.75rem;align-items:flex-start;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.tool-feature-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary,#6c47ff),var(--secondary,#ff6b47));transform:scaleX(0);transform-origin:left;transition:transform .25s}.tool-feature-item:hover{border-color:rgba(108,71,255,.3);transform:translateY(-2px)}.tool-feature-item:hover::before{transform:scaleX(1)}.tool-feature-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(108,71,255,.12),rgba(108,71,255,.04));display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.tool-feature-text h4{font-size:.88rem;font-weight:700;color:var(--text);margin:0 0 .25rem;line-height:1.3}.tool-feature-text p{font-size:.8rem;color:var(--text-muted,#64748b);margin:0;line-height:1.5}.tool-how-steps{margin:1.5rem 0}.tool-how-steps-title{font-size:1.1rem;font-weight:800;color:var(--text);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.tool-steps-list{list-style:none;margin:0;padding:0;counter-reset:step}.tool-step-item{counter-increment:step;display:flex;gap:1rem;align-items:flex-start;padding:.85rem 0;border-bottom:1px solid var(--border,#e2e8f0)}.tool-step-item:last-child{border-bottom:none}.tool-step-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6c47ff,#8b5cf6);color:#fff;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;content:counter(step)}.tool-step-content h4{font-size:.9rem;font-weight:700;color:var(--text);margin:0 0 .2rem}.tool-step-content p{font-size:.85rem;color:var(--text-muted,#64748b);margin:0;line-height:1.55}.ad-placeholder{background:var(--bg-alt,#f8fafc);border:1px dashed var(--border,#e2e8f0);border-radius:10px;padding:1.5rem;text-align:center;margin:1.5rem 0;color:var(--text-muted,#94a3b8);font-size:.8rem;font-weight:500;letter-spacing:.04em}.tool-stat{text-align:center;padding:.85rem 1.25rem;background:var(--bg-alt,#f8fafc);border-radius:12px;border:1.5px solid var(--border,#e2e8f0);flex:1;min-width:90px;transition:border-color .2s}.tool-stat:hover{border-color:rgba(108,71,255,.3)}.tool-stat strong{display:block;font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#6c47ff,#ff6b47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-stat span{font-size:.78rem;color:var(--text-muted,#64748b);font-weight:500}.strength-meter,.progress-bar{height:8px;background:var(--border,#e2e8f0);border-radius:4px;overflow:hidden;margin:.5rem 0}.strength-fill,.progress-fill{height:100%;border-radius:4px;transition:width .4s ease,background .4s ease}@media(max-width:640px){.tool-features-grid{grid-template-columns:1fr}.tool-feature-item{padding:.8rem .9rem}.tab-nav{flex-wrap:wrap}.tab-btn{font-size:.82rem;padding:.45rem .75rem}}