.topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(16px);
  background:rgba(7,16,25,.75);
  border-bottom:1px solid var(--line)
}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.brand-mark{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#03111b;box-shadow:0 10px 32px rgba(52,179,255,.28)
}
.brand-text{font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav a{font-size:.93rem;line-height:1.1}
.nav a:hover,.nav a.active{color:#fff}
.topbar-actions{display:flex;align-items:center;gap:16px}
.lang-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hero{
  position:relative;min-height:82vh;display:grid;align-items:center;overflow:hidden;
  border-bottom:1px solid var(--line)
}
.hero-inner{min-height:48vh}
.hero-home .hero-grid,.hero-inner-content{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding:90px 0}
.hero-inner-content{padding:100px 0 70px}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{background-size:cover;background-position:center center;opacity:0;transform:scale(1.05);transition:opacity 1.1s ease,transform 6s ease}
.hero-slide.active{opacity:1;transform:scale(1)}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(7,16,25,.18) 0%, rgba(7,16,25,.64) 50%, rgba(7,16,25,.95) 100%),
    linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.18) 45%, rgba(0,0,0,.6) 100%);
  z-index:1
}
.hero-smoke,.hero-lights{position:absolute;inset:-10%;z-index:1;pointer-events:none}
.hero-smoke{
  background:
    radial-gradient(circle at 20% 40%, rgba(255,255,255,.08), transparent 22%),
    radial-gradient(circle at 65% 30%, rgba(255,255,255,.07), transparent 24%),
    radial-gradient(circle at 40% 72%, rgba(255,255,255,.06), transparent 20%);
  filter:blur(32px);
  animation:smokeMove 16s ease-in-out infinite alternate
}
.hero-lights{
  background:
    linear-gradient(120deg, transparent 0 20%, rgba(52,179,255,.16) 30%, transparent 40% 100%),
    linear-gradient(300deg, transparent 0 55%, rgba(47,224,181,.14) 65%, transparent 75% 100%);
  mix-blend-mode:screen;
  animation:lightsSweep 9s linear infinite
}
.site-footer{padding:48px 0 18px;border-top:1px solid var(--line);background:rgba(6,12,18,.55)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}
.footer-card{padding:24px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line)}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding-top:22px;color:#a7b6c6;font-size:.9rem}
.floating-actions{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:12px;z-index:55}
.floating-btn{
  width:58px;height:58px;border-radius:999px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#04121c;
  box-shadow:0 16px 32px rgba(20,20,30,.35);font-size:1.35rem
}
.split-section{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.cards-grid{display:grid;gap:22px}
.cards-4{grid-template-columns:repeat(4,1fr)}
.cards-3{grid-template-columns:repeat(3,1fr)}
.cards-2{grid-template-columns:repeat(2,1fr)}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.gallery-item{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.gallery-item img{width:100%;height:100%;min-height:260px;object-fit:cover}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:32px;z-index:90}
.lightbox.active{display:flex}
.lightbox img{max-width:min(1100px,94vw);max-height:86vh;border-radius:24px}
.lightbox-close{position:absolute;top:18px;right:22px;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer}


.topbar{box-shadow:0 14px 34px rgba(0,0,0,.22)}
.nav a{
  position:relative;
  padding:12px 14px;
  border-radius:14px;
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
.nav a:hover,.nav a.active{
  color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  transform:translateY(-1px);
}
.nav a::after{
  content:"";
  position:absolute;
  left:14px;right:14px;bottom:8px;height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#39c7ff,#35f0c1);
  opacity:0;transform:scaleX(.3);
  transition:opacity .2s ease, transform .2s ease;
}
.nav a:hover::after,.nav a.active::after{opacity:1;transform:scaleX(1)}
.topbar-actions{gap:12px}
.hero-quick-badges span{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;margin:0 8px 8px 0;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
  color:#eef8ff;font-weight:700;font-size:.92rem;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.hero-points span{
  padding:10px 14px;border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#e8f5ff;
}
.floating-actions{right:18px;bottom:18px;gap:10px}
.floating-btn{
  width:56px;height:56px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
}
.call-btn{background:linear-gradient(135deg,#34d399,#0f766e);color:#ecfffb}
.viber-btn{background:linear-gradient(135deg,#8b5cf6,#4f46e5);color:#f3efff}
.left-head h2{max-width:760px}
.home-calendar-header,.calendar-status-note{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 38px rgba(0,0,0,.18);
}