/* src/styles.css */
:root {
  color-scheme: light;
  --pc-bg: #f4f8fc;
  --pc-bg-soft: #edf4fb;
  --pc-surface: rgba(255, 255, 255, 0.94);
  --pc-surface-strong: #ffffff;
  --pc-surface-tint: #eff6ff;
  --pc-line: rgba(148, 163, 184, 0.22);
  --pc-line-strong: rgba(64, 88, 139, 0.18);
  --pc-text: #162033;
  --pc-muted: #6b7a90;
  --pc-primary: #40588b;
  --pc-primary-soft: #dce7fb;
  --pc-accent: #6da8d6;
  --pc-green: #13805d;
  --pc-amber: #b97816;
  --pc-red: #cf5353;
  --pc-shadow: 0 22px 50px rgba(64, 88, 139, 0.1);
  --pc-radius-xl: 28px;
  --pc-radius-lg: 20px;
  --pc-radius-md: 16px;
  --pc-radius-sm: 12px;
  --pc-font-sans:
    "Segoe UI",
    "Helvetica Neue",
    Arial,
    sans-serif;
}
* {
  box-sizing: border-box;
}
html,
body {
  min-height: 100%;
}
body {
  margin: 0;
  font-family: var(--pc-font-sans);
  color: var(--pc-text);
  background:
    radial-gradient(
      circle at top left,
      rgba(109, 168, 214, 0.2),
      transparent 20%),
    radial-gradient(
      circle at bottom right,
      rgba(64, 88, 139, 0.08),
      transparent 22%),
    linear-gradient(
      180deg,
      #fbfdff 0%,
      #f6f9fd 45%,
      #eef5fb 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(64, 88, 139, 0.026) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgba(64, 88, 139, 0.026) 1px,
      transparent 1px);
  background-size: 32px 32px;
  -webkit-mask-image:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.32),
      transparent 78%);
  mask-image:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.32),
      transparent 78%);
}
button,
input,
select {
  font: inherit;
}
button {
  cursor: pointer;
}
a {
  color: inherit;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

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