/* ../../libs/ui/theme.css */
@font-face {
  font-family: "Montserrat";
  src: url(/assets/shared/fonts/montserrat-latin.woff2) format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  src: url(/assets/shared/fonts/montserrat-latin-ext.woff2) format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C4,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  src: url(/assets/shared/fonts/montserrat-cyrillic.woff2) format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
body {
  font-family: var(--font-body);
}
button,
input,
select,
textarea {
  font-family: inherit;
}
:root {
  --font-display:
    "Montserrat",
    Arial,
    sans-serif;
  --font-body:
    "Montserrat",
    Arial,
    sans-serif;
  --color-bg: #1f1f29;
  --color-bg-alt: #252531;
  --body-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Ccircle cx='2' cy='2' r='0.7' fill='%23ffffff' fill-opacity='0.02'/%3E%3Ccircle cx='10' cy='6' r='0.7' fill='%23ffffff' fill-opacity='0.02'/%3E%3C/svg%3E");
  --color-text: rgba(255, 255, 255, 0.88);
  --color-text-muted: rgba(255, 255, 255, 0.45);
  --color-gold: hsla(48, 88%, 73%, 0.97);
  --color-accent: rgba(0, 212, 255, 0.9);
  --color-surface: #252531;
  --color-input-bg: #16161e;
  --color-border: rgba(255, 255, 255, 0.14);
  --warn-bg: rgba(255, 180, 0, 0.08);
  --warn-border: rgba(255, 180, 0, 0.35);
  --warn-strong: #f0c040;
  --header-bg: rgba(15, 15, 20, 0.7);
  --header-bg-scrolled: rgba(12, 12, 16, 0.94);
  --header-text: rgba(255, 255, 255, 0.88);
  --drawer-bg: rgba(18, 18, 24, 0.97);
  --drawer-link: rgba(255, 255, 255, 0.78);
  --drawer-link-hover-bg: rgba(255, 255, 255, 0.05);
  --drawer-divider: rgba(255, 255, 255, 0.07);
  --drawer-backdrop: rgba(0, 0, 0, 0.55);
  --icon-color: rgba(255, 255, 255, 0.65);
  --icon-hover-bg: rgba(255, 255, 255, 0.10);
  --icon-hover-color: #fff;
  --auth-btn-border: rgba(255, 255, 255, 0.15);
  --auth-btn-color: rgba(255, 255, 255, 0.5);
  --auth-btn-hover-border: rgba(255, 255, 255, 0.35);
  --auth-btn-hover-color: #fff;
  --dialog-bg: rgba(22, 22, 30, 0.82);
  --dialog-text: rgba(255, 255, 255, 0.88);
  --btn-bg: #2a2a36;
  --btn-text: var(--color-text);
  --btn-border: rgba(255, 255, 255, 0.25);
  --btn-hover-bg: rgba(255, 255, 255, 0.12);
  --btn-hover-text: #fff;
  --menu-bg: rgba(24, 24, 31, 0.9);
  --menu-border: rgba(255, 255, 255, 0.12);
  --uc-overlay: rgba(10, 10, 16, 0.65);
  --uc-card: rgba(255, 255, 255, 0.03);
  --uc-border: rgba(255, 255, 255, 0.08);
  --uc-bar-bg: rgba(255, 255, 255, 0.07);
}
html.light {
  --color-bg: #cbcbd1;
  --color-bg-alt: #c2c2ca;
  --body-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Ccircle cx='1.5' cy='1.5' r='0.6' fill='%23000000' fill-opacity='0.025'/%3E%3C/svg%3E");
  --color-text: rgba(20, 20, 32, 0.88);
  --color-text-muted: rgba(20, 20, 32, 0.45);
  --color-gold: #b8860b;
  --color-accent: rgba(0, 140, 200, 0.9);
  --color-surface: #dcdce2;
  --color-input-bg: #f0f0f3;
  --color-border: rgba(0, 0, 0, 0.18);
  --warn-bg: rgba(200, 140, 0, 0.10);
  --warn-border: rgba(160, 110, 0, 0.45);
  --warn-strong: #8a6100;
  --header-bg: rgba(222, 222, 226, 0.8);
  --header-bg-scrolled: rgba(225, 225, 229, 0.94);
  --header-text: rgba(20, 20, 32, 0.88);
  --drawer-bg: rgba(245, 244, 250, 0.98);
  --drawer-link: rgba(20, 20, 32, 0.78);
  --drawer-link-hover-bg: rgba(0, 0, 0, 0.05);
  --drawer-divider: rgba(0, 0, 0, 0.08);
  --drawer-backdrop: rgba(0, 0, 0, 0.35);
  --icon-color: rgba(20, 20, 32, 0.6);
  --icon-hover-bg: rgba(0, 0, 0, 0.07);
  --icon-hover-color: rgba(20, 20, 32, 0.95);
  --auth-btn-border: rgba(0, 0, 0, 0.15);
  --auth-btn-color: rgba(20, 20, 32, 0.5);
  --auth-btn-hover-border: rgba(0, 0, 0, 0.35);
  --auth-btn-hover-color: rgba(20, 20, 32, 0.95);
  --dialog-bg: rgba(240, 239, 245, 0.88);
  --dialog-text: rgba(20, 20, 32, 0.88);
  --btn-bg: #e0dfe8;
  --btn-text: var(--color-text);
  --btn-border: rgba(0, 0, 0, 0.18);
  --btn-hover-bg: rgba(0, 0, 0, 0.08);
  --btn-hover-text: rgba(20, 20, 32, 0.95);
  --menu-bg: rgba(240, 239, 245, 0.95);
  --menu-border: rgba(0, 0, 0, 0.1);
  --uc-overlay: rgba(220, 218, 228, 0.70);
  --uc-card: rgba(255, 255, 255, 0.55);
  --uc-border: rgba(0, 0, 0, 0.10);
  --uc-bar-bg: rgba(0, 0, 0, 0.08);
}
html {
  color-scheme: dark;
}
html.light {
  color-scheme: light;
}
html,
body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-text);
  transition: background 0.3s ease, color 0.3s ease;
}

/* src/styles.css */
html,
body {
  background-image: var(--body-dots);
}
.title-block {
  position: absolute;
  top: 120px;
  left: 120px;
  text-align: left;
  color: var(--color-text);
}
.title-logo {
  width: 128px;
  height: auto;
  margin-bottom: 20px;
}
.title-text h2 {
  font-size: 2rem;
  margin: 0;
  text-shadow: 0 0 10px black;
}
.title-text h3 {
  font-size: 1.2rem;
  margin: 5px 0 0 0;
  text-shadow: 0 0 10px black;
}

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