/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: #0f0f14;
  color: #eee;
  font-family: system-ui, -apple-system, sans-serif;
  line-height: 1.5;
}

a { color: #7aa7e8; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 24px; margin: 0; }
h2 { font-size: 18px; margin: 0; }

input, button, select, textarea { font: inherit; }

input[type="email"], input[type="password"], input[type="text"] {
  background: #22222a;
  border: 1px solid #3a3a45;
  color: #eee;
  border-radius: 4px;
  padding: 8px 10px;
  width: 100%;
}

input:focus { outline: 2px solid #3377cc; border-color: transparent; }

button {
  background: #3377cc;
  color: white;
  border: 0;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
}
button:hover:not(:disabled) { background: #4488dd; }
button:disabled { opacity: 0.5; cursor: not-allowed; }

button.secondary {
  background: #33333a;
  color: #ddd;
}
button.secondary:hover:not(:disabled) { background: #44444a; }

.container {
  max-width: 460px;
  margin: 80px auto;
  padding: 24px;
}

.container.wide { max-width: 900px; }

.error { color: #f88; margin: 4px 0; font-size: 14px; }
.muted { color: #888; font-size: 13px; }

.stack > * + * { margin-top: 12px; }
.row { display: flex; gap: 8px; align-items: center; }
.between { justify-content: space-between; }