@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Alex+Brush&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap";

/* src/styles.css */
.eg-page {
  --eg-bg: #FFFFFF;
  --eg-bg-soft: #F7F8FC;
  --eg-ink: #14161F;
  --eg-ink-soft: #5B5F72;
  --eg-accent: #3452E1;
  --eg-accent-rgb:
    52,
    82,
    225;
  --eg-accent-ink: #FFFFFF;
  --eg-accent-soft: rgba(52, 82, 225, 0.08);
  --eg-border: #E4E6EF;
  --eg-surface: #FFFFFF;
  --eg-shadow: 0 20px 44px -20px rgba(20, 22, 31, 0.16);
  --eg-btn-blue: #3452E1;
  --eg-btn-blue-deep: #253BB3;
  --eg-btn-blue-rgb:
    37,
    59,
    179;
  --eg-btn-coral: #9A3412;
  --eg-btn-coral-deep: #7A2A0E;
  --eg-coral-soft: rgba(154, 52, 18, 0.10);
  --eg-success: #1F7A46;
  --eg-success-soft: rgba(31, 122, 70, 0.10);
  --eg-gold: #B8892B;
  --eg-gold-bright: #D4A64A;
  --eg-gold-deep: #96701F;
  --eg-gold-rgb:
    184,
    137,
    43;
  --eg-gold-soft: rgba(184, 137, 43, 0.14);
  --eg-glass-bg: rgba(255, 255, 255, 0.5);
  --eg-glass-bg-strong: rgba(255, 255, 255, 0.68);
  --eg-glass-border: rgba(20, 22, 31, 0.12);
  --eg-glass-highlight: rgba(255, 255, 255, 0.9);
  --eg-glass-shadow: 0 10px 30px -6px rgba(20, 22, 31, 0.2);
  display: block;
  font-family: "Inter", sans-serif;
  color: var(--eg-ink);
  background: var(--eg-bg);
  transition: background-color 0.25s ease, color 0.25s ease;
}
.eg-page.eg-dark {
  --eg-bg: #12141C;
  --eg-bg-soft: #191C27;
  --eg-ink: #F2F3F7;
  --eg-ink-soft: #9BA0B4;
  --eg-accent: #8CA0FF;
  --eg-accent-rgb:
    140,
    160,
    255;
  --eg-accent-ink: #12141C;
  --eg-accent-soft: rgba(140, 160, 255, 0.12);
  --eg-border: #2A2E3D;
  --eg-surface: #191C27;
  --eg-shadow: 0 20px 44px -18px rgba(0, 0, 0, 0.5);
  --eg-coral-soft: rgba(154, 52, 18, 0.22);
  --eg-success-soft: rgba(31, 122, 70, 0.22);
  --eg-glass-bg: rgba(25, 28, 39, 0.55);
  --eg-glass-bg-strong: rgba(25, 28, 39, 0.75);
  --eg-glass-border: rgba(255, 255, 255, 0.1);
  --eg-glass-highlight: rgba(255, 255, 255, 0.14);
  --eg-glass-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.5);
}
.eg-page * {
  box-sizing: border-box;
}
.eg-page a {
  color: inherit;
  text-decoration: none;
}
.eg-page button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
}
.eg-skip-link {
  position: absolute;
  top: -60px;
  left: 16px;
  z-index: 100;
  background: var(--eg-ink);
  color: var(--eg-bg);
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  transition: top 0.2s ease;
}
.eg-skip-link:focus {
  top: 16px;
}
.eg-eyebrow {
  font-family: "IBM Plex Mono", monospace;
  font-size: 11.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 14px 6px 12px;
  border-radius: 999px;
  margin-bottom: 22px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.eg-eyebrow::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--eg-gold-bright);
  flex-shrink: 0;
}
.eg-eyebrow--on-dark {
  color: #F5EFE1;
  background: rgba(245, 239, 225, 0.12);
  border: 1px solid rgba(245, 239, 225, 0.22);
}
.eg-eyebrow--static {
  color: var(--eg-gold-deep);
  background: var(--eg-gold-soft);
  border: 1px solid var(--eg-gold-soft);
}
.eg-eyebrow--static::before {
  background: var(--eg-gold);
}
@media (prefers-reduced-motion: reduce) {
  .eg-page,
  .eg-page * {
    transition: none !important;
    animation: none !important;
  }
}
.eg-page :focus-visible {
  outline: 2.5px solid var(--eg-gold-bright);
  outline-offset: 3px;
  border-radius: 6px;
}
.eg-auth-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.eg-auth-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--eg-ink-soft);
}
.eg-auth-form__field input {
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  padding: 11px 14px;
  border-radius: 12px;
  border: 1px solid var(--eg-border);
  background: var(--eg-bg);
  color: var(--eg-ink);
}
.eg-auth-form__field input:focus-visible {
  outline: 2px solid var(--eg-accent);
  outline-offset: 1px;
}
.eg-auth-form__error {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  color: var(--eg-btn-coral);
  background: var(--eg-coral-soft);
  border-radius: 10px;
  padding: 10px 14px;
}
.eg-auth-form__hint {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: var(--eg-ink-soft);
  margin: 0;
}
.eg-auth-form__field-error {
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--eg-btn-coral);
}
.eg-auth-form__confirmation {
  font-family: "Inter", sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--eg-ink);
  margin: 0 0 16px;
}
.eg-auth-form__link {
  align-self: flex-start;
  background: none;
  border: none;
  color: var(--eg-accent);
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}
.eg-auth-form__link:hover {
  text-decoration: underline;
}
.eg-auth-form__link:disabled {
  color: var(--eg-ink-soft);
  cursor: not-allowed;
  text-decoration: none;
}
.eg-auth-form__switch {
  font-family: "Inter", sans-serif;
  font-size: 13.5px;
  color: var(--eg-ink-soft);
  margin: 0;
  display: flex;
  gap: 6px;
  align-items: center;
}

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