/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --zemin: #0b1020;
  --kart: #141b31;
  --cizgi: #263054;
  --metin: #e6e9f5;
  --sonik: #9aa4c7;
  --vurgu: #6d8bff;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--zemin);
  color: var(--metin);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.kabuk {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 2rem 1.25rem;
}

.kart {
  width: min(46rem, 100%);
  background: var(--kart);
  border: 1px solid var(--cizgi);
  border-radius: 1rem;
  padding: 2.25rem;
}

.rozet {
  display: inline-block;
  margin: 0 0 1rem;
  padding: 0.3rem 0.7rem;
  border: 1px solid var(--cizgi);
  border-radius: 999px;
  font-size: 0.8rem;
  color: var(--sonik);
}

h1 {
  margin: 0 0 0.75rem;
  font-size: clamp(2rem, 5vw, 2.75rem);
  letter-spacing: -0.02em;
}

.ozet {
  margin: 0 0 1.5rem;
  color: var(--sonik);
  line-height: 1.65;
}

.liste {
  margin: 0 0 1.5rem;
  padding-left: 1.1rem;
  line-height: 1.9;
}

.liste li::marker {
  color: var(--vurgu);
}

.not {
  margin: 0;
  padding-top: 1.25rem;
  border-top: 1px solid var(--cizgi);
  font-size: 0.9rem;
  color: var(--sonik);
}