/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
:root {
  color-scheme: dark;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: #0b0e14;
  color: #e6e9f0;
  font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}

.wrap {
  text-align: center;
  padding: 24px;
}

.eyebrow {
  font-family: ui-monospace, monospace;
  color: #6ee7b7;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  margin-bottom: 14px;
}

h1 {
  font-size: clamp(1.8rem, 5vw, 2.8rem);
  letter-spacing: -0.02em;
}

.grad {
  background: linear-gradient(120deg, #6ee7b7, #818cf8 60%, #e879f9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.desc {
  margin: 18px auto 30px;
  max-width: 480px;
  color: #9aa3b5;
  line-height: 1.7;
  font-size: 0.95rem;
}

code {
  font-family: ui-monospace, monospace;
  background: rgba(129, 140, 248, 0.12);
  color: #a5b4fc;
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 0.85em;
}

.back {
  display: inline-block;
  color: #9aa3b5;
  font-size: 0.85rem;
}

.back:hover {
  color: #6ee7b7;
}