/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --bg: #07090f;
  --panel: #ffffff0f;
  --panel2: #ffffff17;
  --border: #ffffff24;
  --text: #ffffffeb;
  --muted: #ffffffb8;
  --muted2: #ffffff94;
  --accent: #ff2d2d;
  --accent2: #ff5a5a;
  --shadow: 0 18px 50px #00000073;
  --radius: 14px;
  --container: 1120px;
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  background: radial-gradient(1200px 700px at 20% -10%, #ff2d2d40, transparent 60%), radial-gradient(900px 600px at 85% 15%, #ff2d2d1f, transparent 55%), var(--bg);
  color: var(--text);
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji;
}

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

a:hover {
  opacity: .9;
}

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 18px;
}

.section {
  padding: 52px 0;
}

.h1 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.05;
}

.h2 {
  letter-spacing: -.01em;
  margin: 0 0 14px;
  font-size: 26px;
}

.p {
  color: var(--muted);
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.card {
  background: linear-gradient(180deg, var(--panel2), var(--panel));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.btn {
  border: 1px solid var(--border);
  height: 44px;
  color: var(--text);
  cursor: pointer;
  background: #ffffff0f;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  font-weight: 700;
  display: inline-flex;
}

.btnPrimary {
  background: linear-gradient(#ff2d2deb, #ff2d2db8);
  border-color: #ff2d2d8c;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

.grid3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.grid4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

@media (max-width: 980px) {
  .grid4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid3 {
    grid-template-columns: 1fr;
  }
}

hr.sep {
  border: 0;
  border-top: 1px solid #ffffff1a;
  margin: 0;
}

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