/* ПРИЗВАНЯ — общие стили */
@import url('prizvanya.css');
@import url('prizvanya-pages.css');

html { scroll-behavior: smooth; overflow-x: clip; }
body {
  background: var(--bg);
  font-family: var(--font-sans);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
  width: 100%;
  max-width: 100%;
}

@keyframes fadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes flow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes blink { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }
@keyframes barIn { from { width: 0; } to { width: var(--w); } }
@keyframes shine { from { left: -80%; } to { left: 140%; } }

.r { opacity: 0; transform: translateY(30px); transition: opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1), transform 0.72s cubic-bezier(0.22, 1, 0.36, 1); }
.r.v { opacity: 1; transform: none; }
.d1 { transition-delay: 0.09s; }
.d2 { transition-delay: 0.18s; }
.d3 { transition-delay: 0.27s; }
.d4 { transition-delay: 0.36s; }

.logo {
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.btn-primary {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  padding: 9px 22px;
  border-radius: 4px;
  border: 1px solid var(--ind);
  background: var(--ind);
  color: #fff;
  cursor: pointer;
  box-shadow: none;
  transition: all 0.3s;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.btn-primary:hover {
  transform: none;
  background: var(--elec);
  border-color: var(--elec);
  box-shadow: none;
}

.btn-ghost {
  font-size: 13px;
  color: var(--ink2);
  cursor: pointer;
  padding: 7px 18px;
  border-radius: 4px;
  border: 1px solid var(--bord);
  background: var(--white);
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s;
}

.btn-ghost:hover {
  background: var(--surf);
  border-color: var(--elec);
  color: var(--elec);
}