/* Brainy Free Tools Suite */
.brainy-tools-wrap {
  --bt-bg:#08080a;
  --bt-panel:rgba(255,255,255,.055);
  --bt-panel2:rgba(255,255,255,.025);
  --bt-text:#fff7df;
  --bt-muted:#cfc5aa;
  --bt-gold:#d4af37;
  --bt-gold2:#f5d976;
  --bt-line:rgba(212,175,55,.28);
  --bt-green:#76dfa0;
  --bt-red:#ff9d9d;
  max-width: 1180px;
  margin: 0 auto;
  padding: 2rem 1rem;
  color: var(--bt-text);
}

.bt-hero,
.bt-card,
.bt-form,
.bt-panel,
.bt-menu-preview,
.bt-qr-output,
.bt-note {
  border: 1px solid var(--bt-line);
  background: linear-gradient(180deg, var(--bt-panel), var(--bt-panel2));
  border-radius: 28px;
  box-shadow: 0 22px 60px rgba(0,0,0,.32);
}

.bt-hero {
  padding: 1.5rem;
  margin-bottom: 1rem;
  background:
    radial-gradient(circle at 90% 10%, rgba(245,217,118,.16), transparent 25%),
    linear-gradient(180deg, var(--bt-panel), var(--bt-panel2));
}

.bt-hero span,
.bt-pill {
  display: inline-flex;
  border: 1px solid var(--bt-line);
  color: var(--bt-gold2);
  background: rgba(212,175,55,.08);
  border-radius: 999px;
  padding: .35rem .65rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 900;
  margin-bottom: .75rem;
}

.bt-hero h1 {
  margin: 0 0 .65rem;
  font-size: clamp(2.3rem, 6vw, 4.6rem);
  line-height: .96;
  letter-spacing: -.06em;
}

.bt-hero p,
.bt-card p,
.bt-muted,
.bt-menu-preview p,
.bt-note {
  color: var(--bt-muted);
}

.bt-grid {
  display: grid;
  gap: 1rem;
}

.bt-grid.two { grid-template-columns: 1fr 1fr; }
.bt-grid.three { grid-template-columns: repeat(3,1fr); }
.bt-grid.four { grid-template-columns: repeat(4,1fr); }

.bt-card {
  padding: 1rem;
  text-decoration: none !important;
  color: var(--bt-text) !important;
  min-height: 230px;
  display: flex;
  flex-direction: column;
}

.bt-card h3 {
  margin: .2rem 0 .45rem;
  font-size: 1.3rem;
}

.bt-card strong {
  margin-top: auto;
  color: var(--bt-gold2);
}

.bt-form {
  padding: 1rem;
}

.bt-panel {
  padding: 1rem;
  margin-bottom: 1rem;
  box-shadow: none;
}

.bt-panel h3 {
  margin: 0 0 .8rem;
}

.bt-form label,
.bt-panel label {
  display: block;
  margin: .72rem 0 .32rem;
  color: var(--bt-gold2);
  font-weight: 900;
  font-size: .86rem;
}

.bt-form input,
.bt-form select,
.bt-form textarea,
.bt-panel input,
.bt-panel select,
.bt-panel textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  background: #0f0f13;
  color: var(--bt-text);
  padding: .92rem;
  font: inherit;
}

.bt-form textarea,
.bt-panel textarea {
  min-height: 120px;
  resize: vertical;
}

.bt-score-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .5rem;
}

.bt-submit {
  width: 100%;
  border: 1px solid var(--bt-gold);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.28), transparent 28%),
    linear-gradient(135deg, var(--bt-gold), #9f7928);
  color: #111 !important;
  font-weight: 900;
  padding: 1rem 1.25rem;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  margin-top: .7rem;
}

.bt-submit.ghost {
  background: transparent;
  color: var(--bt-gold2) !important;
  box-shadow: none;
}

.bt-alert {
  max-width: 1180px;
  margin: 1rem auto;
  padding: 1rem;
  border-radius: 18px;
  font-weight: 800;
}

.bt-alert.success {
  background: rgba(88,194,125,.12);
  color: var(--bt-green);
  border: 1px solid rgba(88,194,125,.3);
}

.bt-alert.error {
  background: rgba(215,106,106,.12);
  color: var(--bt-red);
  border: 1px solid rgba(215,106,106,.35);
}

.bt-menu-preview {
  padding: 1.25rem;
  background: #f7f1df;
  color: #17140c;
  border: 8px solid #2b2413;
}

.bt-menu-preview span {
  color: #7c5c09;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .75rem;
  font-weight: 900;
}

.bt-menu-preview h2 {
  margin: .4rem 0 .4rem;
  color: #17140c;
  font-size: 2rem;
}

.bt-menu-preview p {
  color: #5b5135;
}

.bt-menu-preview .menu-line {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  border-bottom: 1px dashed rgba(0,0,0,.25);
  padding: .8rem 0;
}

.bt-menu-preview .menu-line strong {
  display: block;
}

.bt-menu-preview .menu-line small {
  display: block;
  color: #5b5135;
}

.bt-menu-preview .menu-price {
  font-weight: 900;
  color: #7c5c09;
}

.mini-save {
  margin-top: 1rem;
}

.bt-qr-output {
  padding: 1.25rem;
  text-align: center;
}

.bt-qr-output img {
  width: min(100%, 420px);
  min-height: 260px;
  object-fit: contain;
  background: #fff;
  border-radius: 18px;
  padding: 1rem;
  margin: 0 auto 1rem;
}

.qr-label {
  font-weight: 900;
  color: var(--bt-gold2);
  margin-bottom: .75rem;
  font-size: 1.2rem;
}

.bt-note {
  padding: 1rem;
  margin-top: 1rem;
  box-shadow: none;
}

@media(max-width: 900px) {
  .bt-grid.two,
  .bt-grid.three,
  .bt-grid.four {
    grid-template-columns: 1fr;
  }

  .brainy-tools-wrap {
    padding: 1rem;
  }
}