.tools-page-container{box-sizing:border-box;background-color:#fafafa;flex-direction:column;flex:1;width:100%;display:flex;overflow-y:auto}.tools-hero{background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 50%,#f3e8ff 100%);flex:none;height:fit-content;position:relative;overflow:hidden}.tools-hero-inner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:32px 120px;display:flex}.tools-hero-content{z-index:2;flex:1;max-width:600px;margin-left:0;position:relative}.tools-hero-content h1{color:#1e293b;margin:0 0 12px;font-size:36px;font-weight:800}.tools-hero-content p{color:#475569;margin:0 0 32px;font-size:16px}.hero-search-bar{background:#fff;border:1px solid #f1f5f9;border-radius:999px;align-items:center;max-width:400px;margin-bottom:24px;padding:6px 6px 6px 20px;display:flex;box-shadow:0 10px 30px #0000000d}.hero-search-bar input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;margin-left:12px;font-size:15px}.hero-search-bar button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98133}.hero-search-bar button:hover{background:#059669;transform:translateY(-1px)}.hero-tags{gap:16px;display:flex}.hero-tag{color:#64748b;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.hero-illustration{z-index:2;justify-content:center;align-items:center;width:400px;height:220px;margin-right:0;display:flex;position:relative}.hero-illu-img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s;transform:rotate(-3deg)}.hero-illu-img:hover{transform:rotate(0)scale(1.05)}.illu-bg-blur{filter:blur(40px);background:#fff6;border-radius:50%;width:300px;height:300px;position:absolute;top:0;left:50px}.tools-main-layout{box-sizing:border-box;flex:1 0 auto;gap:32px;width:100%;max-width:1440px;margin:0 auto;padding:40px 120px;display:flex}.tools-sidebar{flex-direction:column;flex-shrink:0;gap:24px;width:240px;display:flex}.sb-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000005}.sb-menu{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sb-item{cursor:pointer;color:#64748b;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.sb-item:hover{color:#1e293b;background:#f8fafc}.sb-item.active{color:#10b981;background:#f0fdf4;font-weight:600}.sb-item-left{align-items:center;gap:12px;display:flex}.sb-badge{color:#94a3b8;font-size:12px}.sb-title{color:#1e293b;margin:0 0 12px;padding:0 12px;font-size:14px;font-weight:700}.sb-quick-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:background .2s;display:flex}.sb-quick-item:hover{background:#f8fafc}.sb-quick-left{align-items:center;gap:12px;display:flex}.sb-quick-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sq-blue{color:#3b82f6;background:#eff6ff}.sq-green{color:#10b981;background:#f0fdf4}.sq-orange{color:#f97316;background:#fff7ed}.sb-quick-text h4{color:#1e293b;margin:0;font-size:13px}.sb-quick-text p{color:#94a3b8;margin:2px 0 0;font-size:11px}.sb-promo{color:#064e3b;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:16px;padding:24px 20px;position:relative;overflow:hidden}.sb-promo h3{margin:0 0 8px;font-size:18px;font-weight:800}.sb-promo p{color:#047857;margin:0 0 20px;font-size:13px;line-height:1.5}.sb-promo button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.tools-content{flex-direction:column;flex:1;gap:40px;display:flex}.tool-section{flex-direction:column;gap:20px;display:flex}.ts-header{justify-content:space-between;align-items:center;display:flex}.ts-title{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.ts-view-all{color:#64748b;cursor:pointer;align-items:center;gap:4px;font-size:13px;display:flex}.ts-view-all:hover{color:#10b981}.ts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.tool-card{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:all .3s;display:flex;box-shadow:0 2px 10px #00000005}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.tc-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tc-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.tc-desc{color:#64748b;flex:1;margin:0;font-size:13px;line-height:1.5}.tc-tag{margin:0;font-size:11px;font-weight:500}.tc-btn{cursor:pointer;border:none;border-radius:20px;align-self:flex-start;margin-top:auto;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.tc-green .tc-icon-wrapper{color:#10b981;background:#dcfce7}.tc-green .tc-tag{color:#10b981}.tc-green .tc-btn{color:#10b981;background:#f0fdf4}.tc-green:hover{border-color:#bbf7d0}.tc-green .tc-btn:hover{background:#dcfce7}.tc-blue .tc-icon-wrapper{color:#3b82f6;background:#dbeafe}.tc-blue .tc-tag{color:#3b82f6}.tc-blue .tc-btn{color:#3b82f6;background:#eff6ff}.tc-blue:hover{border-color:#bfdbfe}.tc-blue .tc-btn:hover{background:#dbeafe}.tc-purple .tc-icon-wrapper{color:#a855f7;background:#f3e8ff}.tc-purple .tc-tag{color:#a855f7}.tc-purple .tc-btn{color:#a855f7;background:#faf5ff}.tc-purple:hover{border-color:#e9d5ff}.tc-purple .tc-btn:hover{background:#f3e8ff}.tc-orange .tc-icon-wrapper{color:#f97316;background:#ffedd5}.tc-orange .tc-tag{color:#f97316}.tc-orange .tc-btn{color:#f97316;background:#fff7ed}.tc-orange:hover{border-color:#fed7aa}.tc-orange .tc-btn:hover{background:#ffedd5}.tc-red .tc-icon-wrapper{color:#ef4444;background:#fee2e2}.tc-red .tc-tag{color:#ef4444}.tc-red .tc-btn{color:#ef4444;background:#fef2f2}.tc-red:hover{border-color:#fecaca}.tc-red .tc-btn:hover{background:#fee2e2}.global-footer{background:#fff;border-top:1px solid #f1f5f9;flex-direction:column;flex-shrink:0;gap:40px;padding:60px 120px 20px;display:flex}.gf-top{justify-content:space-between;align-items:flex-start;display:flex}.gf-brand{max-width:300px}.gf-logo{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:18px;font-weight:800;display:flex}.gf-brand p{color:#64748b;margin:0 0 20px;font-size:13px;line-height:1.6}.gf-socials{color:#94a3b8;gap:12px;display:flex}.gf-socials svg{cursor:pointer}.gf-socials svg:hover{color:#1e293b}.gf-links{gap:80px;display:flex}.gf-col h4{color:#1e293b;margin:0 0 20px;font-size:15px;font-weight:700}.gf-col ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.gf-col a{color:#64748b;font-size:13px;text-decoration:none;transition:color .2s}.gf-col a:hover{color:#10b981}.gf-promo-card{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-radius:16px;justify-content:space-between;align-items:center;width:320px;padding:24px;display:flex}.gf-promo-text h4{color:#064e3b;margin:0 0 8px;font-size:15px}.gf-promo-text p{color:#047857;margin:0 0 16px;font-size:12px;line-height:1.5}.gf-promo-text button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600}.gf-bottom{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;padding-top:20px;font-size:12px}