/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap);
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --ion-font-family: "Manrope", "Segoe UI", sans-serif;
  --ion-color-primary: #0f766e;
  --ion-color-primary-rgb: 15, 118, 110;
  --ion-color-primary-contrast: #f8fffe;
  --ion-color-primary-contrast-rgb: 248, 255, 254;
  --ion-color-primary-shade: #0d685f;
  --ion-color-primary-tint: #27847d;
  --ion-color-secondary: #f97316;
  --ion-color-secondary-rgb: 249, 115, 22;
  --ion-color-secondary-contrast: #201309;
  --ion-color-secondary-contrast-rgb: 32, 19, 9;
  --ion-color-secondary-shade: #db6513;
  --ion-color-secondary-tint: #fa812d;
  --ion-color-tertiary: #1d4ed8;
  --ion-color-tertiary-rgb: 29, 78, 216;
  --ion-color-tertiary-contrast: #f8fbff;
  --ion-color-tertiary-contrast-rgb: 248, 251, 255;
  --ion-color-tertiary-shade: #1945be;
  --ion-color-tertiary-tint: #3460dc;
  --ion-background-color: #f5efe4;
  --ion-background-color-rgb: 245, 239, 228;
  --ion-text-color: #18212b;
  --ion-text-color-rgb: 24, 33, 43;
  --app-surface: rgba(255, 255, 255, 0.72);
  --app-surface-strong: #fffdfa;
  --app-border: rgba(24, 33, 43, 0.08);
  --app-muted: #5b6470;
  --app-gradient: linear-gradient(135deg, #f5efe4 0%, #d5f3eb 46%, #fff3d9 100%);
  --app-shadow: 0 18px 45px rgba(15, 118, 110, 0.12);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html,
body,
ion-app,
ion-content {
  background: var(--app-gradient);
}

body {
  margin: 0;
  font-family: "Manrope", "Segoe UI", sans-serif;
  color: var(--ion-text-color);
}

.app-page {
  --background: transparent;
}

.app-toolbar {
  --background: rgba(255, 253, 250, 0.75);
  --border-color: transparent;
  backdrop-filter: blur(20px);
}

.glass-panel {
  background: var(--app-surface);
  border: 1px solid var(--app-border);
  border-radius: 28px;
  box-shadow: var(--app-shadow);
  backdrop-filter: blur(20px);
}

.hero-title {
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1;
  letter-spacing: -0.04em;
  margin: 0;
}

.section-title {
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  font-size: 1.4rem;
  margin: 0;
}

.eyebrow {
  color: var(--ion-color-primary);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
}

.subtle-copy {
  color: var(--app-muted);
}

.metric-grid,
.card-grid {
  display: grid;
  gap: 1rem;
}

.metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.card-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.form-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.page-wrap {
  padding: 1rem 1rem 6rem;
}

@media (min-width: 992px) {
  .page-wrap {
    padding: 1.5rem 1.5rem 6rem;
  }
}

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