/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --background: #0b1020;
  --surface: #131a2b;
  --surface-2: #1b2540;
  --text: #f2f5ff;
  --muted: #9aa6c1;
  --primary: #6ea8fe;
  --success: #3ccf91;
  --danger: #ff6b6b;
  --border: #ffffff14;
  --shadow: 0 20px 40px #0003;
  --radius-md: 12px;
  --radius-lg: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --container: 1200px;
}

* {
  box-sizing: border-box;
}

html, body {
  background: radial-gradient(circle at top, #15203b 0%, var(--background) 60%);
  min-height: 100%;
  color: var(--text);
  margin: 0;
  padding: 0;
  font-family: Inter, Arial, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input {
  font: inherit;
}

main {
  width: min(100%, var(--container));
  margin: 0 auto;
  padding: 40px 20px 64px;
}

.page-grid {
  gap: var(--space-5);
  display: grid;
}

.page-hero {
  gap: var(--space-3);
  display: grid;
}

.page-hero h1, .page-hero h2, .page-hero p {
  margin: 0;
}

.two-column {
  gap: var(--space-5);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  display: grid;
}

.stack {
  gap: var(--space-4);
  display: grid;
}

.muted {
  color: var(--muted);
}

.form-grid {
  gap: var(--space-3);
  display: grid;
}

label {
  gap: 6px;
  font-weight: 600;
  display: grid;
}

input {
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  width: 100%;
  color: var(--text);
  background: #ffffff0a;
  padding: 12px 14px;
}

code {
  background: #ffffff14;
  border-radius: 8px;
  padding: 2px 6px;
}

/*# sourceMappingURL=src_app_globals_0p2ml0n.css.map*/