/* Стартовая страница и руководство в стиле «Графит и шампань» (как в приложении).
   Подключается после встроенных стилей страниц и переопределяет их цвета и шрифты. */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/manrope-cyrillic-400-normal.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/manrope-cyrillic-500-normal.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/manrope-cyrillic-600-normal.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/manrope-cyrillic-700-normal.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/manrope-latin-ext-400-normal.woff2') format('woff2'); 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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/manrope-latin-ext-500-normal.woff2') format('woff2'); 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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/manrope-latin-ext-600-normal.woff2') format('woff2'); 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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/manrope-latin-ext-700-normal.woff2') format('woff2'); 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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/manrope-latin-400-normal.woff2') format('woff2'); 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: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/manrope-latin-500-normal.woff2') format('woff2'); 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: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/manrope-latin-600-normal.woff2') format('woff2'); 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: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/manrope-latin-700-normal.woff2') format('woff2'); 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: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/playfair-display-cyrillic-500-normal.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/playfair-display-cyrillic-600-normal.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/playfair-display-latin-ext-500-normal.woff2') format('woff2'); 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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/playfair-display-latin-ext-600-normal.woff2') format('woff2'); 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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/playfair-display-latin-500-normal.woff2') format('woff2'); 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: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/playfair-display-latin-600-normal.woff2') format('woff2'); 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; }

:root {
    --bg-primary: #0E0F11; --bg-secondary: #131417; --bg-card: #18191D; --bg-card-hover: #1F2025;
    --accent: #D9C39A; --accent-hover: #C8AE7E; --accent-glow: rgba(217, 195, 154, 0.16);
    --accent-purple: #A88B5A; --accent-green: #8FBFA4; --accent-orange: #E3AA4A; --accent-red: #E07A6A;
    --text-primary: #EDE9E1; --text-secondary: #A39E93; --text-muted: #8A857B; --border: #26272C;
}
body { font-family: 'Manrope', 'Segoe UI', Tahoma, sans-serif !important; }
h1, h2, h3, .section-title { font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important; font-weight: 500 !important; letter-spacing: -0.01em; }
/* золотые кнопки — тёмный текст, как в приложении */
.btn-primary, .btn-primary:visited { color: #1A140A !important; background: linear-gradient(180deg, #E3D0A8 0%, #C9AF80 100%) !important; box-shadow: none !important; }
.btn-primary:hover { box-shadow: 0 8px 28px rgba(217, 195, 154, 0.22) !important; }
.btn-outline { border-color: #3A3B41 !important; color: var(--text-primary) !important; }
.btn-outline:hover { border-color: var(--accent) !important; color: var(--accent) !important; }
/* логотип: знак-треугольник из приложения на графите */
.logo-icon { background: #1A1B1F !important; border: 1px solid #3A3B41; display: flex; align-items: center; justify-content: center; }
.logo-icon svg { width: 24px; height: 24px; }
.logo { font-family: 'Playfair Display', Georgia, serif; font-weight: 500; letter-spacing: 0.01em; }
.hero-badge { color: var(--accent) !important; border-color: rgba(217, 195, 154, 0.3) !important; background: rgba(217, 195, 154, 0.06) !important; }
/* раздел «Установка» не нужен на сайте в интернете */
#install, a[href="#install"] { display: none !important; }
/* верхняя полоса — графит вместо тёмно-синего */
header { background: rgba(14, 15, 17, 0.88) !important; border-bottom-color: var(--border) !important; }

/* ===== Обратная связь на стартовой странице (index.html #feedback, js/landing.js) ===== */
.fb-box { max-width: 760px; margin: 48px auto 0; padding: 36px 40px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 18px; text-align: left; }
.fb-box h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 30px; font-weight: 500; margin-bottom: 8px; color: var(--text-primary); }
.fb-lead { color: var(--text-secondary); margin-bottom: 24px; }
#fb-form label { display: block; font-size: 13px; color: var(--text-secondary); margin-bottom: 16px; }
#fb-form input[type="text"], #fb-form textarea {
    display: block; width: 100%; margin-top: 6px; padding: 12px 14px; font: inherit; font-size: 15px;
    color: var(--text-primary); background: var(--bg-primary); border: 1px solid #34353B; border-radius: 10px; resize: vertical;
}
#fb-form input[type="text"]:focus, #fb-form textarea:focus { outline: none; border-color: #C9AF80; box-shadow: 0 0 0 3px rgba(201, 175, 128, 0.18); }
.fb-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fb-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
#fb-form .fb-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.5; margin-bottom: 20px; }
.fb-consent input { margin-top: 3px; accent-color: #C9AF80; width: 16px; height: 16px; flex: 0 0 auto; }
.fb-consent a, .fb-lead a { color: #D9C39A; }
#fb-send[disabled] { opacity: .6; cursor: wait; }
.fb-status { margin-top: 14px; font-size: 14px; min-height: 20px; }
.fb-status.ok { color: #7FC8A0; }
.fb-status.err { color: #E58C84; }
@media (max-width: 640px) {
    .fb-box { padding: 24px 18px; margin-top: 32px; }
    .fb-box h2 { font-size: 24px; }
    .fb-row { grid-template-columns: 1fr; gap: 0; }
}