.sl-front{background:#FFFBF2;padding-bottom:30px}
.sl-sahi-container{max-width:1120px;margin:0 auto;padding:0 16px}
.sl-hero{background:linear-gradient(180deg,#FEF08A 0%,#FACC15 100%);border:2px solid #422006;border-radius:20px;padding:32px 20px;text-align:center;margin:18px auto}
.sl-badge{display:inline-block;background:#1E3A8A;color:#fff;border:1.5px solid #422006;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:800;letter-spacing:.3px;margin-bottom:14px}
.sl-hero h1{font-size:32px;font-weight:900;color:#422006;margin:0;line-height:1.1;letter-spacing:.3px}
.sl-hero p{font-size:14px;font-weight:600;color:#78350F;margin:8px 0 0}
.sl-hero-search{display:flex;gap:6px;max-width:460px;margin:18px auto 0;background:#fff;border:2px solid #422006;border-radius:14px;padding:5px}
.sl-hero-search input{flex:1;border:0;outline:0;padding:10px 12px;font-size:14px;font-weight:600;background:transparent}
.sl-hero-search button{height:40px;padding:0 20px;background:#1E3A8A;color:#fff;border:1.5px solid #422006;border-radius:10px;font-weight:800;cursor:pointer}

.sl-section{margin-top:28px}
.sl-sec-head h2{font-size:22px;font-weight:900;color:#422006;margin:0}
.sl-head-line{width:48px;height:4px;background:#FACC15;border-radius:2px;margin-top:8px;border:1px solid #422006}

.sl-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.sl-t-card{background:#fff;border:1.5px solid #E7E5E4;border-radius:16px;padding:18px 16px;text-decoration:none;display:flex;flex-direction:column;gap:14px;transition:.22s;position:relative}
.sl-t-card:hover{border-color:#422006;transform:translateY(-4px);box-shadow:0 12px 28px rgba(66,32,6,.14)}
.sl-t-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;border:1.5px solid #422006}
.sl-t-icon svg{width:24px;height:24px}
.sl-t-icon.yellow{background:#FEF9C3}.sl-t-icon.blue{background:#DBEAFE}.sl-t-icon.green{background:#DCFCE7}.sl-t-icon.orange{background:#FFEDD5}.sl-t-icon.dark{background:#1E3A8A;border-color:#1E3A8A}
.sl-t-body h3{font-size:15px;font-weight:800;color:#1C1917;margin:0;line-height:1.25}
.sl-t-body p{font-size:12.5px;font-weight:500;color:#57534E;margin:6px 0 0;line-height:1.4}
.sl-t-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #F5F5F4}
.sl-t-foot span{font-size:12px;font-weight:800;color:#1E3A8A}
.sl-t-foot i{width:28px;height:28px;background:#1E3A8A;color:#fff;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;transition:.2s}
.sl-t-card:hover .sl-t-foot i{background:#422006;transform:translateX(3px)}
.sl-t-card-all{background:linear-gradient(135deg,#FFFBF2 0%,#FEF9C3 100%);border-style:dashed}

@media(max-width:767px){
.sl-hero{margin:10px 2px 0 !important;border-radius:14px !important;padding:22px 14px !important}
.sl-hero h1{font-size:24px !important}
.sl-tools-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important}
.sl-t-card{padding:14px 12px !important;border-radius:14px !important;gap:10px !important}
.sl-t-icon{width:44px !important;height:44px !important}
.sl-t-body h3{font-size:13px !important}
.sl-t-body p{font-size:11px !important}
.sl-sec-head h2{font-size:18px !important}
}