:root{
  /* Updated Color Palette (Brown Tones) matching index.css */
  --c-bg:#1c140f;    /* Dark Brown / Near Black - main background */
  --c-ink:#100906;    /* Very Dark Brown / Deepest elements */
  --c-t:#f1e6d4;     /* Off-White / Beige - main text */
  --c-d:#a18a6e;     /* Muted Gold / Tan - dimmed text */
  --c-c:#d4c09d;     /* Light Gold / Brass - primary accent (was cyan) */
  --c-m:#c49b65;     /* Copper / Bronze - secondary accent (was green) */
  --c-v:#a18a6e;     /* Muted Gold - gradient start (was violet) */
}

*{box-sizing:border-box}
/* Шрифт изменен для соответствия index.html */
body,html{margin:0;padding:0;background:var(--c-bg);color:var(--c-t);font:400 16px/1.6 "Noto Serif", system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue","Noto Sans",Arial,sans-serif}
a{color:var(--c-c);text-decoration:none}
.u-max{max-width:1240px;margin:0 auto;padding:0 1rem}

@media (min-width:960px){.u-max{padding:0 2rem}}

/* --- HEADER STYLES (MATCHING INDEX) --- */

/* Замена h-2001 на s-14010101 */
.s-14010101{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(28,20,15,.92),rgba(28,20,15,.45));backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid rgba(241,230,212,.06)}
.s-14010102{max-width:1240px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:.9rem;justify-content:space-between}
.s-14010103{display:flex;align-items:center;gap:.7rem}
.s-14010104{width:36px;height:36px;filter:drop-shadow(0 0 8px rgba(212, 192, 157, .75))} /* Новый цвет тени */
.s-14010105{font-weight:900;background:linear-gradient(90deg,var(--c-c),var(--c-v),var(--c-m));-webkit-background-clip:text;background-clip:text;color:transparent} /* Новый градиент */
.s-14010101 nav{display:none}
.s-14010106{display:inline-grid;gap:.25rem}
.s-14010106 span{width:26px;height:2px;background:linear-gradient(90deg,var(--c-v),var(--c-c));border-radius:2px;transition:transform .35s,opacity .35s} /* Новый градиент */
.s-14010101.is-open .s-14010106 span:first-child{transform:translateY(6px) rotate(45deg)}
.s-14010101.is-open .s-14010106 span:nth-child(2){opacity:0}
.s-14010101.is-open .s-14010106 span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.s-14010107{position:fixed;inset:auto 0 0 0;background:linear-gradient(180deg,#2a2018 0,#1c140f 100%);display:none;border-top:1px solid rgba(241,230,212,.06)} /* Новые цвета */
.s-14010101.is-open .s-14010107{display:block}
.s-14010107 ul{list-style:none;margin:0;padding:1rem;display:grid;gap:.5rem}
.s-14010107 a{display:block;padding:.9rem 1rem;border:1px solid rgba(241,230,212,.08);border-radius:12px;background:rgba(241,230,212,.03)}

@media (min-width:960px){
  .s-14010102{padding:.7rem 2rem}
  .s-14010101 nav{display:flex;gap:.6rem}
  .s-14010101 nav a{padding:.5rem .9rem;border-radius:12px;border:1px solid rgba(241,230,212,.08);background:rgba(241,230,212,.03)}
  .s-14010106,.s-14010107{display:none!important}
}

/* --- MAIN CONTENT STYLES --- */

.c-3100{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;
    /* Градиент фона обновлен */
    background:radial-gradient(120% 100% at 10% 10%,#2a2018 0,var(--c-bg) 55%,var(--c-ink) 100%)}
.c-3100:after,.c-3100:before{content:"";position:absolute;inset:-20% -20% auto -20%;height:140%;
    /* Эффект свечения обновлен */
    background:radial-gradient(60% 40% at 30% 20%,rgba(161,138,110,.15) 0 60%,transparent 70%),radial-gradient(80% 50% at 80% 30%,rgba(212,192,157,.15) 0 55%,transparent 70%),radial-gradient(90% 70% at 20% 80%,rgba(161,138,110,.13) 0 60%,transparent 70%);
    filter:blur(18px);animation:24s linear infinite c-cur1;pointer-events:none}
.c-3100:after{animation:37s linear infinite reverse c-cur2;opacity:.7;mix-blend-mode:screen}

@keyframes c-cur1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4%,-3%,0)}}
@keyframes c-cur2{0%,100%{transform:rotate(0)}50%{transform:rotate(7deg)}}

.c-3101{position:relative;z-index:1;width:min(100%,840px)}
/* Градиент заголовка обновлен */
.c-ttl{margin:0 0 .8rem;font-size:clamp(2rem, 5vw, 3rem);letter-spacing:-.02em;line-height:1;background:conic-gradient(from 210deg,var(--c-c),var(--c-v),var(--c-m),var(--c-c));-webkit-background-clip:text;background-clip:text;color:transparent}
.c-lead{color:var(--c-t);max-width:72ch}
.c-grid{display:grid;gap:1rem;margin-top:1.2rem}

@media (min-width:860px){.c-grid{grid-template-columns:1fr 1fr;gap:1.4rem}}

/* Элементы формы и карточки обновлены */
.c-card{background:rgba(241,230,212,.03);border:1px solid rgba(241,230,212,.1);border-radius:16px;padding:1rem}
.c-card h3{margin:.1rem 0 .5rem}
.c-info{color:var(--c-t)}
.c-form{background:rgba(241,230,212,.03);border:1px solid rgba(241,230,212,.1);border-radius:16px;padding:1rem}
.c-row{display:grid;gap:.7rem}

@media (min-width:640px){.c-row2{grid-template-columns:1fr 1fr;gap:.7rem}}

.c-label{font-weight:700}
.c-input{appearance:none;width:100%;padding:.75rem .85rem;border-radius:12px;border:1px solid rgba(241,230,212,.16);background:rgba(16,9,6,.6);color:var(--c-t)} /* Цвет фона поля ввода и рамки обновлены */
.c-input:focus{outline:2px dashed var(--c-c);outline-offset:2px}
/* Кнопка отправки обновлена */
.c-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(241,230,212,.08);background:linear-gradient(90deg,var(--c-c),var(--c-v),var(--c-m));color:#100906;cursor:pointer;font-weight:600;transition:all 0.3s ease}
.c-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(212,192,157,.2)} /* Цвет тени кнопки обновлен */
.c-small{font-size:.9rem;color:var(--c-d)}

/* --- FOOTER STYLES (MATCHING INDEX) --- */

.f-9000{border-top:1px solid rgba(241,230,212,.06);background:linear-gradient(180deg,var(--c-bg),var(--c-ink));padding:1.4rem 0}
.f-9001{display:flex;flex-direction:column;gap:.6rem;color:var(--c-d)}

.f-9001 a{
    color:var(--c-t);
}

@media (min-width:760px){.f-9001{flex-direction:row;justify-content:space-between;align-items:center}}