/* Brand layer for the independent murad.timewebsiti.ru deployment only. */
:root {
  --ink: #fff7ff;
  --text: #fff7ff;
  --muted: #f0c8ff;
  --paper: #14001f;
  --panel: rgba(74, 16, 119, 0.82);
  --panel-strong: rgba(95, 18, 154, 0.94);
  --line: rgba(244, 118, 255, 0.42);
  --cyan: #ff62f7;
  --blue: #8a35ff;
  --teal: #d92cff;
  --lime: #ff9dff;
  --coral: #ff4ed8;
  --yellow: #ffd66b;
  --navy: #21002f;
  --black: #0a0014;
  --shadow: 0 24px 64px rgba(45, 0, 73, 0.36);
  --glow: 0 0 34px rgba(245, 83, 255, 0.5);
}

body,
.admin-body {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 78, 236, 0.36), transparent 30%),
    radial-gradient(circle at 86% 14%, rgba(138, 53, 255, 0.38), transparent 28%),
    radial-gradient(circle at 62% 78%, rgba(205, 45, 255, 0.26), transparent 34%),
    linear-gradient(145deg, #100018 0%, #2b0042 35%, #190027 70%, #080011 100%) !important;
}

.topbar,
.admin-sidebar,
.admin-menu,
.admin-nav,
.panel,
.card,
.compact-card,
.section,
.login-panel,
.home-landing-panel,
.telegram-proxy-mini,
.admin-section-card {
  border-color: rgba(255, 113, 255, 0.42) !important;
  background-color: rgba(43, 0, 66, 0.76);
  box-shadow: 0 18px 60px rgba(78, 0, 122, 0.34);
}

.topbar {
  background:
    linear-gradient(90deg, rgba(40, 0, 64, 0.96), rgba(96, 0, 150, 0.9)) !important;
}

.brand,
.eyebrow,
h1,
h2,
h3 {
  color: #ffffff;
}

.eyebrow,
.nav a:hover,
.brand:hover {
  color: #ff8bff !important;
}

.button.primary,
button.primary,
.primary,
.admin-menu button.active,
.admin-nav button.active,
[class*="active"] > .admin-menu-button {
  background:
    linear-gradient(135deg, #ff37f5 0%, #a03dff 48%, #671bff 100%) !important;
  border-color: rgba(255, 180, 255, 0.72) !important;
  box-shadow: 0 16px 42px rgba(186, 47, 255, 0.42) !important;
}

.button.secondary,
button.secondary,
.secondary,
input,
select,
textarea {
  border-color: rgba(255, 113, 255, 0.38) !important;
}

input,
select,
textarea {
  background: rgba(20, 0, 31, 0.92) !important;
  color: #fff7ff !important;
}

.hero {
  background: #0a0014 !important;
}

.hero-image {
  filter: hue-rotate(72deg) saturate(1.35) contrast(1.08) brightness(0.78) !important;
}

.hero-shade {
  background:
    linear-gradient(100deg, rgba(12, 0, 22, 0.98), rgba(58, 0, 92, 0.86) 48%, rgba(134, 31, 190, 0.42)),
    linear-gradient(0deg, rgba(10, 0, 20, 0.94), rgba(20, 0, 40, 0.14) 62%) !important;
}

.hero::before {
  background:
    linear-gradient(rgba(255, 99, 247, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 99, 247, 0.12) 1px, transparent 1px) !important;
}

.hero::after {
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255, 71, 245, 0.32) 47%, transparent 52%),
    linear-gradient(65deg, transparent 0 58%, rgba(135, 65, 255, 0.24) 62%, transparent 66%) !important;
}

.globe,
.orbit {
  border-color: rgba(255, 126, 255, 0.7) !important;
  box-shadow: inset 0 0 60px rgba(255, 77, 247, 0.34), 0 0 70px rgba(191, 69, 255, 0.32) !important;
}

.landing-price-card,
.landing-feature-card,
.home-globe-card,
.telegram-box,
.toast {
  border-color: rgba(255, 126, 255, 0.45) !important;
  background: rgba(67, 0, 104, 0.72) !important;
}

.landing-price-card-accent {
  background:
    linear-gradient(145deg, rgba(255, 58, 245, 0.3), rgba(122, 38, 255, 0.34)) !important;
}

table,
th,
td {
  border-color: rgba(255, 126, 255, 0.26) !important;
}

/* Public Murad landing: full-card animated globe background. Admin pages are excluded. */
.murad-brand-name {
  display: inline-flex;
  align-items: baseline;
  gap: 0.18em;
  white-space: nowrap;
}

.murad-script {
  font-family: "Segoe Script", "Brush Script MT", "Lucida Handwriting", cursive;
  font-weight: 700;
  font-size: 1.22em;
  line-height: 0.92;
  color: #fff7ff;
  text-shadow: 0 0 16px rgba(255, 128, 255, 0.62), 0 3px 0 rgba(44, 0, 70, 0.55);
}

body:not(.admin-body) .home-landing-panel {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: clamp(720px, 72vw, 1060px);
  background: #030714 !important;
}

body:not(.admin-body) .home-landing-panel.murad-video-ready > *:not(.murad-panel-video):not(.murad-globe-overlay) {
  position: relative;
  z-index: 2;
}

body:not(.admin-body) .home-landing-grid {
  grid-template-columns: 1fr !important;
}

body:not(.admin-body) .home-landing-copy {
  max-width: 100% !important;
}

body:not(.admin-body) .home-globe-card {
  display: none !important;
}

body:not(.admin-body) .murad-panel-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: saturate(1.04) contrast(1.04) brightness(0.98);
  transform: none;
}

body:not(.admin-body) .murad-globe-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.12) 52%, rgba(0, 0, 0, 0.22)),
    linear-gradient(180deg, rgba(3, 7, 20, 0.1), rgba(3, 7, 20, 0.32));
}

body:not(.admin-body) .landing-price-card,
body:not(.admin-body) .landing-feature-card,
body:not(.admin-body) .telegram-proxy-mini,
body:not(.admin-body) .landing-note {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body:not(.admin-body) .home-landing-actions .button,
body:not(.admin-body) .telegram-vpn-actions .button {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 18px !important;
}

body:not(.admin-body) .home-landing-actions .button:hover,
body:not(.admin-body) .telegram-vpn-actions .button:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

body:not(.admin-body) .hero .hero-content h1,
body:not(.admin-body) .hero .hero-content .lead,
body:not(.admin-body) .home-landing-head h2,
body:not(.admin-body) .home-landing-head > div > p:not(.eyebrow) {
  display: none !important;
}

body:not(.admin-body) .landing-price-grid,
body:not(.admin-body) .landing-feature-grid {
  max-width: min(780px, 100%);
}

body:not(.admin-body) .feature-chip strong,
body:not(.admin-body) .landing-price-card strong {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
  letter-spacing: 0;
  line-height: 1.12;
}

body:not(.admin-body) .feature-chip strong {
  font-size: clamp(20px, 2vw, 25px);
}

@media (max-width: 760px) {
  body:not(.admin-body) .home-landing-panel {
    min-height: 920px;
  }

  body:not(.admin-body) .feature-chip,
  body:not(.admin-body) .landing-feature-card,
  body:not(.admin-body) .landing-price-card {
    padding: 10px;
  }

  body:not(.admin-body) .feature-chip strong {
    font-size: 19px;
  }
}