@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";

/* src/styles.scss */
:root {
  --color-ink: #f4f6f8;
  --color-ink-soft: #98a2ad;
  --color-surface: rgba(15, 18, 23, 0.8);
  --color-surface-strong: rgba(18, 22, 27, 0.96);
  --color-surface-muted: rgba(24, 29, 35, 0.72);
  --color-accent: #d8dde4;
  --color-accent-deep: #f5f7fa;
  --color-highlight: #6f7c8a;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.14);
  --color-shadow: rgba(0, 0, 0, 0.42);
  --font-body:
    "Plus Jakarta Sans",
    "Segoe UI",
    sans-serif;
  --font-display:
    "Space Grotesk",
    "Segoe UI",
    sans-serif;
  --shadow-soft: 0 28px 80px rgba(0, 0, 0, 0.34);
  --radius-xl: 32px;
  --radius-lg: 22px;
}
* {
  box-sizing: border-box;
}
html {
  min-height: 100%;
  scroll-behavior: smooth;
  color-scheme: dark;
}
body {
  min-height: 100vh;
  margin: 0;
  font-family: var(--font-body);
  color: var(--color-ink);
  background:
    radial-gradient(
      circle at top center,
      rgba(255, 255, 255, 0.08),
      transparent 28%),
    radial-gradient(
      circle at 20% 80%,
      rgba(111, 124, 138, 0.12),
      transparent 24%),
    linear-gradient(
      180deg,
      #060709 0%,
      #0b0d11 46%,
      #050608 100%);
}
body::before,
body::after {
  position: fixed;
  inset: auto;
  content: "";
  pointer-events: none;
  z-index: -1;
}
body::before {
  width: 22rem;
  height: 22rem;
  top: -9rem;
  right: -8rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  filter: blur(38px);
}
body::after {
  width: 18rem;
  height: 18rem;
  bottom: -5rem;
  left: -4rem;
  border-radius: 38% 62% 57% 43%;
  background: rgba(111, 124, 138, 0.08);
  filter: blur(28px);
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font: inherit;
}
img,
svg {
  display: block;
  max-width: 100%;
}
::selection {
  color: #050608;
  background: rgba(216, 221, 228, 0.88);
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */