/* ============================================================ pages.css — общий стиль второстепенных страниц в палитре главной (index.html). Токены + база + контейнер контента + карточка-сообщение + зелёная кнопка + ПОДВАЛ. Шапок нет — только контент и подвал. Подключается последним в . ============================================================ */ :root{ --ink:#122217; --ink-2:#334236; --ink-3:#647365; --line:#dbe8d6; --line-2:#b9cfb3; --bg:#fffef8; --card:#f4f9f0; --green:#17691f; --green-2:#25862f; --green-3:#eaf5e6; --cream:#fffdf4; --shadow:0 14px 34px rgba(32,80,38,.10); } *{box-sizing:border-box;margin:0;padding:0} html{height:100%} body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color:var(--ink); background:var(--bg); -webkit-font-smoothing:antialiased; min-height:100vh; display:flex; flex-direction:column; /* подвал прижат к низу */ } /* ---- Контент ---- */ .page{flex:1 0 auto; display:flex; align-items:center; justify-content:center; padding:48px 20px} .page-inner{width:100%; max-width:640px; text-align:center} .page-card{ background:var(--cream); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); padding:40px 32px; } .page-badge{ width:64px; height:64px; border-radius:50%; margin:0 auto 22px; display:flex; align-items:center; justify-content:center; background:var(--green-3); color:var(--green); font-size:30px; line-height:1; } .page-h1{font-size:clamp(26px,4.4vw,40px); line-height:1.12; font-weight:800; letter-spacing:-.02em; color:var(--ink)} .page-lead{margin-top:16px; font-size:clamp(15px,1.6vw,18px); line-height:1.55; color:var(--ink-2)} .page-btns{margin-top:28px; display:grid; gap:14px} .page-btn{ display:flex; align-items:center; justify-content:center; min-height:60px; border-radius:16px; font-size:17px; font-weight:700; color:#fff; text-decoration:none; border:2px solid var(--green); background:var(--green); box-shadow:var(--shadow); transition:.15s; cursor:pointer; } .page-btn:hover{background:#fff; color:var(--green)} /* Юр-страницы (широкий читаемый контейнер): прижать подвал к низу, фон-карточка */ .container{flex:1 0 auto; min-height:auto !important; background:var(--cream) !important; color:var(--ink)} .container a{color:var(--green)} /* ---- ПОДВАЛ (как на главной) ---- */ .footer{width:100%; background:var(--bg); border-top:1px solid var(--line); padding:12px 0; font-size:12px; color:var(--ink-3); line-height:1.5} .footer-inner{width:375px; max-width:100%; margin:0 auto; padding:0 16px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px} .footer-info{display:flex; flex-direction:column; gap:6px; flex-shrink:0} .footer-left,.footer-address,.footer-center,.footer-right{text-align:center; white-space:normal} .footer-left br,.footer-address br{display:none} .footer-center{max-width:100%} .footer-right a{color:var(--green); text-decoration:underline; display:block; margin-bottom:2px} @media (min-width:768px){ .footer{padding:16px 0} .footer-inner{width:768px; flex-direction:row; flex-wrap:wrap; gap:24px; padding:0 30px} .footer-info{flex-direction:row; gap:16px} .footer-left,.footer-address{text-align:left; white-space:nowrap} .footer-left br,.footer-address br{display:inline} .footer-center{text-align:left; max-width:370px} .footer-right{text-align:right; flex-shrink:0} } @media (min-width:1280px){ .footer-inner{width:1280px} }