.tools-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 30px 0 24px 0;
}
.tool-card {
  background: #f8fbff;
  border-radius: 15px;
  box-shadow: 0 2px 10px #d3e2f677;
  padding: 18px 18px 14px 18px;
  min-width: 220px;
  max-width: 350px;
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: box-shadow .22s;
  margin-bottom: 22px;
}
.tool-card:hover {
  box-shadow: 0 6px 20px #a4cfff39;
}
.tool-icon {
  font-size: 2.1em;
  margin-bottom: 6px;
  opacity: 0.95;
}
.tool-link {
  margin-top: 10px;
  display: inline-block;
  color: #2176c1;
  font-weight: 600;
  text-decoration: underline;
  opacity: 0.93;
  transition: color .17s;
}
.tool-link:hover {
  color: #1a51a3;
}
.main-bot-block {
  background: #f7faff;
  border-radius: 15px;
  box-shadow: 0 2px 16px #dde9ff55;
  padding: 18px 16px 22px 16px;
  max-width: 470px;
  margin: 0 auto 28px auto;
}
.main-bot-block h2 {
  text-align:center;
  font-size: 1.11em;
  margin-bottom: 12px;
}
.main-bot-note {
  font-size: 0.95em;
  opacity: 0.7;
  text-align: center;
  margin-top: 6px;
}
.faq-q { cursor:pointer; background:#e9f3ff; border:none; border-radius:7px; padding:8px 13px; font-size:1em; margin-bottom:5px; transition:.17s; }
.faq-q.open { background:#d0e6ff; }
.faq-a { padding:9px 16px; background:#f5faff; border-radius:7px; margin-bottom:10px; opacity:0.95; }
.ai-tip-of-day {
  margin:0 0 18px 0; 
  background:#f3f7ff;
  border-radius:9px;
  padding:11px 18px;
  font-size:1.07em;
  font-style:italic;
  box-shadow:0 2px 9px #d0e7ff22;
}
.tools-search-input {
  width:100%;
  max-width:350px;
  padding:8px 14px;
  border-radius:8px;
  border:1px solid #c6daf9;
  margin-bottom:20px;
  font-size:1em;
}
@media (max-width:700px) {
  .tools-grid { flex-direction: column; gap: 9px;}
  .tool-card, .main-bot-block { max-width: 100%; min-width: 0;}
}