@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

:root {
  --cd-color-primary: #8ff5ff;
  --cd-color-secondary: #d277ff;
  --cd-color-background: #0e0e10;
  --cd-color-surface: #19191c;
  --cd-color-surface-low: #131316;
  --cd-color-surface-high: #1f1f22;
  --cd-color-text: #fffbfe;
  --cd-color-muted: #adaaad;
  --cd-color-outline: #48474a;
  --cd-shadow-header: 0 4px 30px rgba(0, 0, 0, 0.5);
  --cd-header-height: 80px;
  --cd-container-max: 1440px;
}

.cd-template-design {
  background: var(--cd-color-background);
}

.cd-template-design .content-area,
.cd-template-design .site-main,
.cd-template-design .entry-content-wrap,
.cd-template-design .entry-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.cd-template-design .entry-content {
  margin: 0;
}

.cd-template-design .entry-header,
.cd-template-design .hero-section,
.cd-template-design .page-header {
  display: none;
}

.cd-page,
.cd-page *:where(:not(svg, path, circle, rect, polygon, line, polyline, g, use, defs, clipPath, mask)) {
  box-sizing: border-box;
}

.cd-page h1,
.cd-page h2,
.cd-page h3,
.cd-page h4,
.cd-page h5,
.cd-page h6,
.cd-page p,
.cd-page ul,
.cd-page ol,
.cd-page li,
.cd-page figure {
  margin: 0;
}

.cd-page img {
  display: block;
  max-width: 100%;
}

.cd-page a {
  text-decoration: none;
}

.cd-page button {
  font: inherit;
}

.cd-material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  line-height: 1;
  display: inline-block;
}

.cd-glow-line {
  background: linear-gradient(90deg, transparent, #8ff5ff, transparent);
}

.cd-grid-bg {
  background-image: radial-gradient(circle at 1px 1px, #48474a 1px, transparent 0);
  background-size: 40px 40px;
  opacity: 0.05;
}

.cd-atmospheric-gradient {
  background:
    radial-gradient(circle at top right, rgba(210, 119, 255, 0.08), transparent 40%),
    radial-gradient(circle at bottom left, rgba(143, 245, 255, 0.05), transparent 40%);
}