@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap');
/* ==========================================================
ЛОКАЛЬНАЯ СИСТЕМА
========================================================== */
.amg-footer,
.amg-footer *,
.amg-contact-widget,
.amg-contact-widget * {
box-sizing: border-box;
}
.amg-footer {
--amg-black: #0d0c0b;
--amg-coal: #151311;
--amg-coal-soft: #1c1815;
--amg-paper: #efe7d8;
--amg-paper-muted: #bdb2a0;
--amg-bronze: #b79663;
--amg-red: #a82d25;
--amg-red-dark: #711b18;
--amg-line: rgba(183, 150, 99, 0.24);
position: relative;
overflow: hidden;
width: 100%;
padding: 86px 24px 105px;
border-top: 1px solid var(--amg-line);
background:
radial-gradient(
circle at 18% 0%,
rgba(168, 45, 37, 0.12),
transparent 28%
),
radial-gradient(
circle at 82% 14%,
rgba(183, 150, 99, 0.07),
transparent 26%
),
linear-gradient(
180deg,
#181513 0%,
var(--amg-black) 100%
);
color: var(--amg-paper);
font-family: "Manrope", Arial, sans-serif;
}
/* Тонкий киноварный акцент сверху */
.amg-footer::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 120px;
height: 2px;
background:
linear-gradient(
90deg,
transparent,
var(--amg-red),
transparent
);
transform: translateX(-50%);
}
/* Спокойная геометрия на фоне */
.amg-footer::after {
content: "";
position: absolute;
right: -110px;
bottom: -145px;
width: 330px;
height: 330px;
border: 1px solid rgba(183, 150, 99, 0.07);
border-radius: 50%;
box-shadow:
0 0 0 42px rgba(183, 150, 99, 0.018),
0 0 0 84px rgba(183, 150, 99, 0.012);
pointer-events: none;
}
.amg-footer__container {
position: relative;
z-index: 2;
width: min(1160px, 100%);
margin: 0 auto;
}
/* ==========================================================
ВЕРХНЯЯ ЧАСТЬ
========================================================== */
.amg-footer__top {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 72px;
padding-bottom: 52px;
border-bottom: 1px solid var(--amg-line);
}
.amg-footer__eyebrow {
display: inline-flex;
align-items: center;
gap: 11px;
margin-bottom: 17px;
color: var(--amg-bronze);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.amg-footer__eyebrow::before {
content: "";
width: 30px;
height: 1px;
background: var(--amg-red);
}
.amg-footer__title {
max-width: 580px;
margin: 0 0 18px;
color: var(--amg-paper);
font-family: "Prata", Georgia, serif;
font-size: clamp(32px, 4vw, 52px);
font-weight: 400;
line-height: 1.1;
letter-spacing: -0.025em;
}
.amg-footer__description {
max-width: 620px;
margin: 0;
color: var(--amg-paper-muted);
font-size: 15px;
line-height: 1.75;
}
/* ==========================================================
КОНТАКТНАЯ ИНФОРМАЦИЯ
========================================================== */
.amg-footer__contacts {
display: grid;
gap: 17px;
align-content: start;
}
.amg-footer__contact-item {
padding-bottom: 16px;
border-bottom: 1px solid rgba(183, 150, 99, 0.14);
}
.amg-footer__contact-item:last-child {
border-bottom: 0;
}
.amg-footer__label {
display: block;
margin-bottom: 5px;
color: var(--amg-bronze);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.amg-footer__contact-item p {
margin: 0;
color: var(--amg-paper-muted);
font-size: 14px;
line-height: 1.65;
}
.amg-footer a {
color: var(--amg-paper) !important;
text-decoration: none !important;
transition:
color 0.25s ease,
opacity 0.25s ease;
}
.amg-footer a:hover {
color: #ffffff !important;
}
.amg-footer__text-link {
position: relative;
display: inline-block;
}
.amg-footer__text-link::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 1px;
background: var(--amg-red);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.25s ease;
}
.amg-footer__text-link:hover::after {
transform: scaleX(1);
transform-origin: left;
}
/* ==========================================================
СОЦИАЛЬНЫЕ СЕТИ
========================================================== */
.amg-social {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin: 34px 0 0;
padding: 0;
list-style: none;
}
.amg-social li {
margin: 0;
padding: 0;
}
.amg-social a {
position: relative;
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 1px solid rgba(183, 150, 99, 0.28);
border-radius: 4px;
background:
linear-gradient(
180deg,
rgba(255, 255, 255, 0.025),
rgba(255, 255, 255, 0.008)
);
color: var(--amg-paper-muted) !important;
box-shadow:
0 12px 28px rgba(0, 0, 0, 0.22);
transition:
transform 0.25s ease,
color 0.25s ease,
border-color 0.25s ease,
background 0.25s ease,
box-shadow 0.25s ease;
}
.amg-social a::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 15px;
height: 2px;
background: var(--amg-red);
transform: translateX(-50%);
transition: width 0.25s ease;
}
.amg-social a:hover {
color: #ffffff !important;
border-color: rgba(183, 150, 99, 0.58);
background:
linear-gradient(
180deg,
rgba(168, 45, 37, 0.15),
rgba(255, 255, 255, 0.012)
);
box-shadow:
0 17px 35px rgba(0, 0, 0, 0.32),
0 0 20px rgba(168, 45, 37, 0.08);
transform: translateY(-4px);
}
.amg-social a:hover::before {
width: 27px;
}
.amg-social i {
position: relative;
z-index: 2;
font-size: 18px;
}
/* ==========================================================
ЮРИДИЧЕСКИЙ БЛОК
========================================================== */
.amg-footer__legal {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 52px;
padding: 42px 0 36px;
}
.amg-footer__legal-block {
color: #978d7e;
font-size: 12px;
line-height: 1.75;
}
.amg-footer__legal-block p {
margin: 0 0 12px;
}
.amg-footer__legal-links {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.amg-footer__legal-links a {
color: var(--amg-paper-muted) !important;
font-size: 12px;
}
.amg-footer__copyright {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding-top: 25px;
border-top: 1px solid rgba(183, 150, 99, 0.15);
color: #786f63;
font-size: 11px;
line-height: 1.6;
}
.amg-footer__symbol {
color: var(--amg-red);
font-size: 18px;
}
/* ==========================================================
ПЛАВАЮЩАЯ КНОПКА СВЯЗИ
========================================================== */
.amg-contact-widget {
--amg-black: #0d0c0b;
--amg-coal: #171412;
--amg-paper: #efe7d8;
--amg-muted: #bdb2a0;
--amg-bronze: #b79663;
--amg-red: #a82d25;
font-family: "Manrope", Arial, sans-serif;
}
.amg-contact-btn {
position: fixed;
right: 27px;
bottom: 96px;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 0;
border: 1px solid rgba(183, 150, 99, 0.38);
border-radius: 6px;
background:
radial-gradient(
circle at 50% 0%,
rgba(168, 45, 37, 0.18),
transparent 50%
),
linear-gradient(
180deg,
#181513,
var(--amg-black)
);
color: var(--amg-paper);
font-size: 18px;
box-shadow:
0 14px 38px rgba(0, 0, 0, 0.42);
cursor: pointer;
z-index: 99980;
transition:
transform 0.28s ease,
color 0.28s ease,
border-color 0.28s ease,
box-shadow 0.28s ease;
}
.amg-contact-btn::before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 22px;
height: 2px;
background: var(--amg-red);
transform: translateX(-50%);
transition: width 0.28s ease;
}
.amg-contact-btn:hover,
.amg-contact-btn[aria-expanded="true"] {
color: #ffffff;
border-color: rgba(183, 150, 99, 0.68);
box-shadow:
0 20px 48px rgba(0, 0, 0, 0.5),
0 0 24px rgba(168, 45, 37, 0.12);
transform: translateY(-4px);
}
.amg-contact-btn:hover::before,
.amg-contact-btn[aria-expanded="true"]::before {
width: 34px;
}
/* ==========================================================
ПАНЕЛЬ СВЯЗИ
========================================================== */
.amg-contact-panel {
position: fixed;
right: 27px;
bottom: 166px;
width: min(340px, calc(100vw - 34px));
visibility: hidden;
opacity: 0;
border: 1px solid rgba(183, 150, 99, 0.3);
border-radius: 6px;
background:
radial-gradient(
circle at 100% 0%,
rgba(168, 45, 37, 0.16),
transparent 42%
),
linear-gradient(
180deg,
rgba(24, 21, 19, 0.985),
rgba(13, 12, 11, 0.995)
);
color: var(--amg-paper);
box-shadow:
0 26px 70px rgba(0, 0, 0, 0.52);
transform: translateY(14px) scale(0.98);
transition:
opacity 0.28s ease,
visibility 0.28s ease,
transform 0.28s ease;
z-index: 99979;
}
.amg-contact-panel.is-visible {
visibility: visible;
opacity: 1;
transform: translateY(0) scale(1);
}
.amg-contact-panel__inner {
position: relative;
padding: 28px;
}
.amg-contact-panel__kicker {
margin-bottom: 9px;
color: var(--amg-bronze);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.amg-contact-panel__title {
margin: 0 36px 8px 0;
color: var(--amg-paper);
font-family: "Prata", Georgia, serif;
font-size: 25px;
font-weight: 400;
line-height: 1.25;
}
.amg-contact-panel__text {
margin: 0;
color: var(--amg-muted);
font-size: 13px;
line-height: 1.65;
}
.amg-contact-close {
position: absolute;
top: 18px;
right: 18px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid rgba(183, 150, 99, 0.2);
border-radius: 3px;
background: transparent;
color: var(--amg-muted);
font-size: 20px;
line-height: 1;
cursor: pointer;
transition:
color 0.2s ease,
border-color 0.2s ease,
background 0.2s ease;
}
.amg-contact-close:hover {
color: #ffffff;
border-color: var(--amg-red);
background: rgba(168, 45, 37, 0.12);
}
.amg-contact-links {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 8px;
margin: 24px 0 0;
padding: 20px 0 0;
border-top: 1px solid rgba(183, 150, 99, 0.18);
list-style: none;
}
.amg-contact-links li {
margin: 0;
padding: 0;
}
.amg-contact-links a {
width: 100%;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(183, 150, 99, 0.25);
border-radius: 4px;
background: rgba(255, 255, 255, 0.018);
color: var(--amg-muted) !important;
font-size: 17px;
text-decoration: none !important;
transition:
color 0.25s ease,
border-color 0.25s ease,
background 0.25s ease,
transform 0.25s ease;
}
.amg-contact-links a:hover {
color: #ffffff !important;
border-color: rgba(183, 150, 99, 0.6);
background: rgba(168, 45, 37, 0.13);
transform: translateY(-3px);
}
/* ==========================================================
НАТИВНАЯ ПОЛОСА ПРОКРУТКИ
Без jQuery и дополнительных элементов
========================================================== */
html {
scrollbar-width: thin;
scrollbar-color: #8f2a24 #0d0c0b;
}
body::-webkit-scrollbar {
display: block !important;
width: 9px;
}
body::-webkit-scrollbar-track {
background: #0d0c0b;
}
body::-webkit-scrollbar-thumb {
border: 2px solid #0d0c0b;
border-radius: 10px;
background:
linear-gradient(
180deg,
#b79663 0%,
#a82d25 100%
);
}
body::-webkit-scrollbar-thumb:hover {
background:
linear-gradient(
180deg,
#c5a873 0%,
#bd3830 100%
);
}
/* ==========================================================
АДАПТИВ
========================================================== */
@media (max-width: 820px) {
.amg-footer {
padding:
70px 20px
calc(92px + env(safe-area-inset-bottom));
}
.amg-footer__top {
grid-template-columns: 1fr;
gap: 44px;
}
.amg-footer__legal {
grid-template-columns: 1fr;
gap: 25px;
}
.amg-footer__copyright {
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
}
@media (max-width: 520px) {
.amg-footer {
padding-left: 16px;
padding-right: 16px;
}
.amg-footer__title {
font-size: 34px;
}
.amg-social {
gap: 7px;
}
.amg-social a {
width: 45px;
height: 45px;
}
.amg-contact-btn {
right: 17px;
bottom: 82px;
width: 50px;
height: 50px;
}
.amg-contact-panel {
right: 10px;
bottom: 145px;
width: calc(100vw - 20px);
}
.amg-contact-panel__inner {
padding: 25px 20px 22px;
}
.amg-contact-links {
gap: 6px;
}
}
@media (prefers-reduced-motion: reduce) {
.amg-footer *,
.amg-contact-widget * {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
}
}
Онлайн-школа
Амальгама
Пространство исследования оккультных традиций, символических систем,
психологии, философии и духовных практик. Мы не обещаем быстрых чудес.
Мы предлагаем знание, которое меняет вас изнутри.
Обратная связь
Написать администрации школы
Электронная почта
shool@amalgama660.ru
kseona418@gmail.com
Мессенджеры
+7 910 827-18-49
Только сообщения
ИП Трусова Юлия Евгеньевна
ИНН 760908215400
ОГРНИП 320762700036167
GE
Individual Entrepreneur
ID 324620978
Договор-оферта
Соглашение об обработке персональных данных
Материалы сайта и учебной платформы являются объектами
интеллектуальной собственности школы и охраняются
законодательством об авторском праве.
© 2026
Онлайн-школа «Амальгама»
●
×
Связаться с нами
Есть вопросы?
Выберите удобный способ связи. Мы ответим по вопросам обучения,
оплаты и доступа к материалам.
(function () {
"use strict";
function initAmalgamaFooter() {
const widget = document.querySelector(".amg-contact-widget");
const yearElements = document.querySelectorAll(
"[data-amg-current-year]"
);
yearElements.forEach(function (element) {
element.textContent = new Date().getFullYear();
});
if (!widget || widget.dataset.initialized === "true") {
return;
}
widget.dataset.initialized = "true";
const openButton = widget.querySelector(".amg-contact-btn");
const panel = widget.querySelector(".amg-contact-panel");
const closeButton = widget.querySelector(".amg-contact-close");
if (!openButton || !panel || !closeButton) {
return;
}
function openPanel() {
panel.classList.add("is-visible");
panel.setAttribute("aria-hidden", "false");
openButton.setAttribute("aria-expanded", "true");
}
function closePanel() {
panel.classList.remove("is-visible");
panel.setAttribute("aria-hidden", "true");
openButton.setAttribute("aria-expanded", "false");
}
function togglePanel() {
if (panel.classList.contains("is-visible")) {
closePanel();
} else {
openPanel();
}
}
openButton.addEventListener("click", function (event) {
event.stopPropagation();
togglePanel();
});
closeButton.addEventListener("click", function () {
closePanel();
openButton.focus();
});
panel.addEventListener("click", function (event) {
event.stopPropagation();
});
document.addEventListener("click", function () {
closePanel();
});
document.addEventListener("keydown", function (event) {
if (event.key === "Escape") {
closePanel();
}
});
}
if (document.readyState === "loading") {
document.addEventListener(
"DOMContentLoaded",
initAmalgamaFooter
);
} else {
initAmalgamaFooter();
}
})();
авторизуйтесь