/* Aerodrom: оформление кабинета Bedolaga в стиле витрины «Взлётная полоса».
   Подключается nginx-ом (sub_filter) в index.html кабинета. Только украшения:
   если классы кабинета изменятся, он просто станет проще на вид. */

:root {
  --aero-cyan: #5ee7ff;
  --aero-violet: #8b7bff;
  --aero-blue: #38bdf8;
  --aero-line: rgba(94, 231, 255, .16);
}

body, h1, h2, h3, h4 {
  font-family: "Twemoji Country Flags", Inter, Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* фон: свечения как на витрине */
body {
  background-image:
    radial-gradient(60% 45% at 85% 0%, rgba(27, 45, 107, .9) 0%, transparent 70%),
    radial-gradient(40% 35% at 0% 100%, rgba(124, 108, 255, .12) 0%, transparent 70%);
  background-attachment: fixed;
}

/* кнопки */
.btn-primary {
  background-image: linear-gradient(90deg, var(--aero-blue), #7c6cff) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 0 22px rgba(92, 170, 255, .4);
  transition: box-shadow .2s, filter .2s, transform .15s;
}
.btn-primary:hover:not(:disabled) { box-shadow: 0 0 34px rgba(92, 170, 255, .7); filter: brightness(1.08); }
.btn-primary:active:not(:disabled) { transform: scale(.98); }
.btn-primary:disabled { box-shadow: none; filter: saturate(.4) brightness(.7); }
.btn-secondary { border-color: rgba(255, 255, 255, .18) !important; }
.btn-secondary:hover { border-color: rgba(94, 231, 255, .45) !important; }

/* карточки: тёмное стекло с неоновой обводкой */
.card, .bento-card {
  background-color: rgba(15, 23, 48, .55) !important;
  border-color: var(--aero-line) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.bento-card-hover:hover, .card-hover:hover {
  border-color: rgba(94, 231, 255, .42) !important;
  box-shadow: 0 10px 40px rgba(59, 130, 246, .15), inset 0 1px #ffffff0d;
}

/* поля ввода */
.input { border-color: rgba(94, 231, 255, .18) !important; }
.input:focus {
  border-color: var(--aero-blue) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .22) !important;
}

/* взлётная полоса внизу публичных страниц (вход, покупка) — на них есть переключатель языка */
body:has([aria-label="Change language"])::after {
  content: "";
  position: fixed;
  left: 50%;
  bottom: -20px;
  width: 1600px;
  height: 200px;
  transform: translateX(-50%) perspective(320px) rotateX(64deg);
  background:
    repeating-linear-gradient(90deg, transparent 0 62px, rgba(94, 231, 255, .22) 62px 64px),
    linear-gradient(180deg, transparent, rgba(124, 108, 255, .22));
  pointer-events: none;
  z-index: 0;
  opacity: .8;
}
body:has([aria-label="Change language"]) #root { position: relative; z-index: 1; }

@media (max-width: 640px) {
  body:has([aria-label="Change language"])::after { height: 120px; opacity: .55; }
}
@media (prefers-reduced-motion: reduce) {
  .btn-primary { transition: none; }
}