@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root{
  --bg: #e7e8ee;
  --card: #ffffff;
  --muted: #6b7280;
  --primary: #0d0d0e;
  --accent: #7c3aed;
  --shadow: 0 6px 18px rgba(35,47,70,0.08);
  --radius: 12px;
}

html,body{
  height:100%;
  background: var(--bg);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color: #0f172a;
}

.hero.is-small{ padding: 1.25rem 1.25rem; background: linear-gradient(90deg,#1b1b1b 0%, #000000 100%); box-shadow: var(--shadow); border-radius: var(--radius); margin: 1rem 1rem 0; }
.hero .title{ font-weight:700; }

.container{ max-width:1100px; margin: 0 auto; }

.textarea-wrap{ height:320px; display:block; }
.textarea-wrap .textarea{ height:100%; min-height:220px; resize:vertical; box-sizing:border-box; }
.textarea{ border-radius: 10px; box-shadow: none; border: 1px solid rgba(15,23,42,0.06); background: var(--card); transition: box-shadow .18s ease, transform .12s ease; padding: .75rem; }
.textarea:focus{ box-shadow: 0 8px 20px rgba(59,130,246,0.08); border-color: var(--primary); outline: none; }

.box{ border-radius: 12px; box-shadow: var(--shadow); padding: 1rem; background: var(--card); }

.buttons-row{ display:flex; flex-wrap:wrap; gap:.5rem; align-items:center }
.buttons-row > .button{ border-radius: 10px; }
.button.is-link{ background: linear-gradient(90deg,var(--primary), #2563eb); color: #fff; border: none; }
.button.is-primary{ background: linear-gradient(90deg,var(--accent), #6d28d9); color: #fff; border: none; }
.button:hover{ transform: translateY(-1px); }

.tags .tag{ border-radius: 8px; }

.dark-toggle{ display:inline-flex; align-items:center; gap:.4rem }

/* responsive tweaks */
@media (max-width: 992px){
  .textarea-wrap{ height: 260px }
  .hero{ margin: .75rem }
  .buttons-row > .button{ margin-bottom: .4rem }
}

@media (max-width: 600px){
  .container{ padding: 0 12px }
  .textarea-wrap{ height: 220px }
}

/* small accessibility helpers */
.is-family-monospace{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', 'Courier New', monospace; font-size: 0.95rem }

/* Footer */
.site-footer{ margin-top: 1.5rem; padding: 1.25rem 0; background: transparent; }
.site-footer .content{ max-width:1100px; margin: 0 auto; }
.site-footer a{ color: var(--primary); text-decoration: none; }
.site-footer a:hover{ text-decoration: underline; }
.site-footer .is-size-7{ margin-top: .45rem }

/* Landing features */
.landing-features .feature-card{ display:block; border-radius:10px; transition: transform .12s ease, box-shadow .12s ease; }
.landing-features .feature-card:hover{ transform: translateY(-6px); box-shadow: 0 12px 32px rgba(35,47,70,0.08); }
.landing-features .feature-card .media-left svg{ display:block; margin-top:6px }
.landing-features .feature-card .title{ margin-bottom:6px }
.landing-features .feature-card p{ color: var(--muted); font-size: .95rem }

@media (max-width: 768px){
  .landing-features .column{ width:100% }
}