/* ============================================================ znakmos.ru — единый стиль сайта (подключается в header.php) Меняется здесь — обновляется на всех страницах сразу. ============================================================ */ :root{ --bg:#faf8f5; --ink:#2d2a26; --muted:#6f675d; --brand:#7b64a5; --brand-d:#69538f; --brand-soft:#f6effa; --brand-line:#e6d9f0; --pink:#e8a7c4; --pink-d:#c47ab0; } *{box-sizing:border-box;margin:0;padding:0} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{ font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; background:var(--bg); color:var(--ink); line-height:1.6; overflow-x:hidden; min-height:100vh; display:flex; flex-direction:column; /* футер прижат к низу на коротких страницах */ } main{flex:1 1 auto} .wrap{max-width:900px;margin:0 auto;padding:0 20px} a{color:var(--brand-d)} ::selection{background:#e2d3f2} /* ---------- живой фон (рисуется в header.php, на всех страницах) ---------- */ .bg-deco{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none} .blob{position:absolute;border-radius:50%;filter:blur(70px);animation:drift 24s ease-in-out infinite alternate} .b1{width:540px;height:540px;background:radial-gradient(circle at 30% 30%,rgba(123,100,165,.26),transparent 66%);top:-170px;left:-130px} .b2{width:480px;height:480px;background:radial-gradient(circle at 60% 40%,rgba(232,167,196,.36),transparent 66%);top:20%;right:-170px;animation-delay:-9s} .b3{width:440px;height:440px;background:radial-gradient(circle at 50% 50%,rgba(244,199,130,.24),transparent 66%);bottom:-150px;left:16%;animation-delay:-16s} @keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(46px,30px) scale(1.09)}} .star{position:absolute;font-size:15px;color:#b9a3d6;animation:tw 3.4s ease-in-out infinite} @keyframes tw{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:.15;transform:scale(.72)}} /* ---------- появление ---------- */ .rise{animation:rise .7s cubic-bezier(.22,.8,.36,1) both} .d1{animation-delay:.07s}.d2{animation-delay:.15s}.d3{animation-delay:.24s} @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease} .reveal.in{opacity:1;transform:none} /* ============================================================ ШАПКА — header.php, общая для всех страниц (в будущем меню добавляется в один файл: