/* Coinpler liquid glass shell — vibrant gradient background + dark glass chrome */

:root {
  --cp-bg-gradient: linear-gradient(
    125deg,
    #0c0a1e 0%,
    #161228 30%,
    #241a38 52%,
    #182838 78%,
    #101c26 100%
  );
  --cp-glass-sidebar: rgba(0, 0, 0, 0.68);
  --cp-glass-topbar: rgba(0, 0, 0, 0.86);
  --cp-glass-blur-topbar: blur(28px) saturate(105%);
  --cp-glass-dark: var(--cp-glass-sidebar);
  --cp-glass-dark-strong: rgba(0, 0, 0, 0.72);
  --cp-glass-light: rgba(255, 255, 255, 0.1);
  --cp-glass-border: rgba(255, 255, 255, 0.14);
  --cp-glass-highlight: rgba(255, 255, 255, 0.07);
  --cp-glass-blur: blur(24px) saturate(130%);
  --cp-glass-blur-sidebar: blur(28px) saturate(115%);
}

body.full-screen {
  background: transparent !important;
  font-family: 'Montserrat', sans-serif;
}

body.full-screen:before {
  content: "" !important;
  position: fixed !important;
  z-index: -2 !important;
  inset: 0 !important;
  background: var(--cp-bg-gradient) !important;
  pointer-events: none;
}

body.full-screen:after {
  content: "" !important;
  position: fixed !important;
  z-index: -1 !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse 85% 55% at 18% 22%, rgba(90, 60, 120, 0.14), transparent 58%),
    radial-gradient(ellipse 65% 45% at 86% 78%, rgba(30, 90, 105, 0.12), transparent 52%),
    rgba(0, 0, 0, 0.08);
  pointer-events: none;
}

body.full-screen .menu-w,
body.full-screen .all-wrapper {
  background: transparent !important;
}

body.full-screen .layout-w {
  background: transparent !important;
}