#preview{border-radius:7px}
:root{
  color-scheme: dark;
}

html, body {
  background: #0f1115 !important;
  color: #e8eaf0 !important;
}

body {
  max-width: none !important;
}

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

section {
  background: #171b22 !important;
  border: 1px solid #2a3140 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.35);
}

h1, h2, h3, h4, h5, h6,
strong, b {
  color: #ffffff !important;
}

p, li, label, small {
  color: #c8d0dc !important;
}

a {
  color: #7ab8ff !important;
}

input, select, textarea {
  background: #0f141c !important;
  color: #eef2f7 !important;
  border: 1px solid #344055 !important;
  border-radius: 10px !important;
}

button,
input[type="button"],
input[type="submit"] {
  background: #2d6cdf !important;
  color: white !important;
  border: none !important;
  border-radius: 10px !important;
}

table, tr, td, th {
  border-color: #2f3847 !important;
}

#preview {
  border-radius: 12px;
  background: #0b0d12 !important;
}

img {
  border-radius: 12px;
}