/* Brahmando / ManjuLAB portal base theme */
@import url('theme-presets.css?v=brand-phase2-1');
@import url('brand-watermark.css?v=brand-phase2-1');

:root {
  --bg: #071018;
  --bg-soft: #0c1724;
  --text: #f7efdb;
  --muted: #c6b892;
  --cyan-light: #7ae8df;
  --border: rgba(241, 205, 126, 0.22);
  --accent: #57d8cf;
  --accent-2: #f4c86a;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

#cosmos {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.mesh {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: var(--mesh-alpha, 0.35);
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.1) 1px, transparent 1px);
  background-size: 48px 48px;
}

.orb {
  position: fixed;
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
  z-index: 1;
}

.orb-cyan {
  width: 280px;
  height: 280px;
  top: -80px;
  right: -60px;
  background: var(--orb-a, rgba(87, 216, 207, 0.22));
}

.orb-orange {
  width: 220px;
  height: 220px;
  bottom: 10%;
  left: -40px;
  background: var(--orb-b, rgba(244, 200, 106, 0.18));
}

body > *:not(.brand-cosmos-watermark):not(#cosmos):not(.mesh):not(.orb) {
  position: relative;
  z-index: 2;
}

/* Decorative background layers must stay fixed/out of flow — never let the
   content-lift rules above drag them into normal flow (caused a large empty
   band above the header). */
#cosmos,
.mesh,
.orb {
  position: fixed !important;
}

.sr-open-badge {