/* TapReview AI — общий стиль кабинета. Цвета и шрифт — как у TapReview (тёмно-синий, золото, Montserrat). */
@font-face { font-family: "Montserrat"; src: url("/fonts/montserrat-var-cyrillic.woff2") format("woff2"); font-weight: 100 900; font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Montserrat"; src: url("/fonts/montserrat-var-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --navy: #0a2a5c;
  --navy-2: #12397a;
  --gold: #e5aa0c;
  --gold-dark: #b58200;
  --bg: #f4f6fa;
  --card: #ffffff;
  --text: #0f1b2d;
  --muted: #5b6678;
  --line: #dde3ec;
  --radius: 16px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #0b1220; --card: #121b2e; --text: #e8edf5; --muted: #9aa6ba; --line: #22304a; color-scheme: dark; }
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh;
  font: 16px/1.5 "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }

.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -0.01em; text-decoration: none; }
.brand-mark {
  display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px;
  background: var(--navy); color: #fff; font-size: 14px; font-weight: 800;
}
.brand-ai { color: var(--gold-dark); }
@media (prefers-color-scheme: dark) { .brand-mark { background: var(--gold); color: var(--navy); } .brand-ai { color: var(--gold); } }

/* Заглушка «скоро» */
.soon { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; }
.soon-card {
  width: 100%; max-width: 460px; padding: 32px 28px; border-radius: var(--radius);
  background: var(--card); border: 1px solid var(--line); text-align: center;
}
.soon h1 { margin: 22px 0 8px; font-size: 26px; line-height: 1.2; font-weight: 800; letter-spacing: -0.02em; }
.soon p { margin: 0 0 12px; color: var(--muted); }
.soon-bar { width: 44px; height: 3px; margin: 18px auto; border-radius: 2px; background: var(--gold); }
.soon-back { display: inline-block; margin-top: 10px; font-size: 14px; color: var(--muted); }