/* NoLife release corrections: hero copy, original server monitor and auth modals. */

.home-hero__trust {
  display: none !important;
}

/* Original compact server monitor, recolored for the NoLife release palette. */
.server-board {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.server-board::before,
.server-board::after,
.server-board__visual,
.server-board__art,
.server-board__image {
  display: none !important;
  content: none !important;
}

.server-board__header {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.server-board__header .release-kicker,
.server-board__live {
  display: none !important;
}

.server-board__header h2 {
  margin: 0 !important;
  color: #f7fbff !important;
  font-size: clamp(30px, 3.1vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  text-transform: none !important;
  text-shadow: 0 10px 36px rgba(0, 0, 0, .34) !important;
}

.server-board__list,
.server-board__totals {
  position: relative !important;
  isolation: isolate;
  background-color: rgba(25, 35, 83, .94) !important;
  background-image:
    linear-gradient(106deg, rgba(62, 101, 255, .64) 0 14%, transparent 14% 83%, rgba(103, 68, 224, .62) 83%),
    linear-gradient(74deg, rgba(57, 214, 255, .42) 0 9%, transparent 9% 89%, rgba(37, 211, 225, .42) 89%),
    linear-gradient(132deg, rgba(132, 73, 239, .3), transparent 46%, rgba(46, 179, 255, .22)) !important;
  background-size: 145% 145%, 135% 135%, 100% 100% !important;
  animation: nl-monitor-flow 16s ease-in-out infinite alternate !important;
}

.server-board__list {
  margin: 0 !important;
  padding: 19px 19px 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(90, 150, 255, .62) !important;
  border-bottom: 0 !important;
  border-radius: 18px 18px 0 0 !important;
}

.server-branch {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(118, 210, 255, .12) !important;
  border-radius: 14px !important;
  background: rgba(5, 15, 39, .84) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 15px 34px rgba(0, 0, 0, .24) !important;
}

.server-branch + .server-branch {
  margin-top: 10px !important;
}

.server-branch__toggle {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-height: 100px !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 22px 26px !important;
  border: 0 !important;
  background: transparent !important;
  color: #f7fbff !important;
  text-align: left !important;
  cursor: pointer !important;
}

.server-branch__toggle > span:first-child {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 14px !important;
}

.server-branch__toggle strong {
  max-width: 190px !important;
  color: #f7fbff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.01em !important;
  text-transform: uppercase !important;
  overflow-wrap: break-word !important;
}

.server-branch__toggle small {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(81, 205, 255, .3) !important;
  border-radius: 999px !important;
  background: rgba(49, 175, 232, .1) !important;
  color: #c5e9fa !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: none !important;
}

.server-branch__online {
  display: none !important;
}

.server-branch__details {
  position: relative !important;
  padding: 15px 18px 18px !important;
  border-top: 1px solid rgba(118, 210, 255, .11) !important;
  background: rgba(2, 10, 29, .42) !important;
}

.server-instance + .server-instance {
  margin-top: 13px !important;
}

.server-instance__meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #dfeaf6 !important;
  font-size: 12px !important;
}

.server-instance__meta span:last-child {
  color: #62ddff !important;
  font-weight: 700 !important;
}

.server-instance__bar {
  height: 5px !important;
  margin-top: 9px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(119, 168, 215, .16) !important;
}

.server-instance__bar i {
  display: block !important;
  height: 100% !important;
  min-width: 2px;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #42dcff, #3978ff 58%, #8a5cff) !important;
  background-size: 180% 100% !important;
  box-shadow: 0 0 14px rgba(66, 220, 255, .55) !important;
  animation: nl-server-progress 2.8s linear infinite !important;
}

.server-board__totals {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 25px 19px 19px !important;
  overflow: hidden !important;
  border: 1px solid rgba(90, 150, 255, .62) !important;
  border-top: 0 !important;
  border-radius: 0 0 18px 18px !important;
  color: #f7fbff !important;
}

.server-board__totals > * {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 8px 0 !important;
  text-align: center !important;
}

.server-board__totals > * + * {
  border-left: 1px solid rgba(137, 190, 255, .15) !important;
}

.server-board__totals strong,
.server-board__totals b {
  color: #f7fbff !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.server-board__totals span,
.server-board__totals small {
  margin-top: 7px !important;
  color: #93a3bd !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-transform: lowercase !important;
}

@keyframes nl-monitor-flow {
  0% { background-position: 0% 45%, 100% 55%, center; }
  100% { background-position: 100% 55%, 0% 45%, center; }
}

@keyframes nl-server-progress {
  to { background-position: 180% 0; }
}

/* Release auth modal. Behavior stays in Vue; this layer only fixes layout and visuals. */
.release-auth {
  padding: 20px !important;
  background: rgba(1, 7, 18, .8) !important;
  backdrop-filter: blur(12px);
}

.release-auth .modal-dialog {
  display: flex !important;
  width: min(1020px, calc(100vw - 40px)) !important;
  max-width: 1020px !important;
  min-height: calc(100vh - 40px) !important;
  align-items: center !important;
  margin: 0 auto !important;
}

.release-auth__dialog,
.release-auth .modal-content {
  width: 100% !important;
  max-height: calc(100vh - 40px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(111, 197, 255, .24) !important;
  border-radius: 24px !important;
  background: #071122 !important;
  box-shadow:
    0 38px 110px rgba(0, 0, 0, .65),
    0 0 52px rgba(47, 164, 255, .08) !important;
}

.release-auth .modal-body {
  padding: 0 !important;
}

.auth-panel {
  position: relative !important;
  display: grid !important;
  min-height: min(610px, calc(100vh - 42px)) !important;
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr) !important;
  overflow: hidden !important;
  background: #071122 !important;
}

.auth-panel__visual {
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 54px 42px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(3, 10, 26, .14), rgba(3, 10, 26, .93)),
    linear-gradient(120deg, rgba(41, 211, 255, .18), rgba(64, 82, 255, .12) 52%, rgba(112, 68, 226, .22)),
    url('/images/nolife-aurora-bg-premium-opt.jpg') center / cover no-repeat !important;
}

.auth-panel__visual::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(rgba(83, 205, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(83, 205, 255, .055) 1px, transparent 1px) !important;
  background-size: 38px 38px !important;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .84), transparent 78%);
  pointer-events: none !important;
}

.auth-panel__visual > * {
  position: relative !important;
  z-index: 1 !important;
}

.auth-panel__visual .release-kicker {
  display: block !important;
  margin-bottom: 14px !important;
  color: #59ddff !important;
}

.auth-panel__visual h2 {
  margin: 0 !important;
  color: #f7fbff !important;
  font-size: clamp(30px, 3.2vw, 46px) !important;
  font-weight: 750 !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
}

.auth-panel__visual p {
  max-width: 390px !important;
  margin: 18px 0 0 !important;
  color: #b8c7da !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.auth-panel__steps {
  display: none !important;
}

.auth-panel__form {
  min-width: 0 !important;
  max-height: calc(100vh - 42px) !important;
  padding: 48px !important;
  overflow-y: auto !important;
  background:
    radial-gradient(circle at 100% 0, rgba(54, 177, 255, .09), transparent 35%),
    #071122 !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(73, 203, 255, .5) rgba(255, 255, 255, .04);
}

.auth-panel__form .release-kicker {
  display: block !important;
  margin-bottom: 10px !important;
  color: #59ddff !important;
}

.auth-panel__form h3 {
  margin: 0 0 8px !important;
  color: #f7fbff !important;
  font-size: 31px !important;
  font-weight: 750 !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}

.auth-panel__form p,
.auth-panel__form .auth-panel__switch {
  color: #9eafc5 !important;
}

.auth-panel__form a {
  color: #53d9ff !important;
}

.auth-panel__form form,
.auth-panel__form .auth-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

.auth-panel--login .auth-panel__form form,
.auth-panel--login .auth-panel__form .auth-form-grid {
  grid-template-columns: 1fr !important;
}

.auth-panel__form .auth-field,
.auth-panel__form .form-group {
  min-width: 0 !important;
  margin: 0 !important;
}

.auth-panel__form label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #d9e5f2 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.auth-panel__form .form-control {
  width: 100% !important;
  height: 50px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(118, 182, 234, .24) !important;
  border-radius: 10px !important;
  outline: 0 !important;
  background: rgba(3, 12, 31, .76) !important;
  color: #f7fbff !important;
  font-size: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.auth-panel__form .form-control::placeholder {
  color: #677991 !important;
}

.auth-panel__form .form-control:focus {
  border-color: rgba(72, 211, 255, .72) !important;
  box-shadow: 0 0 0 3px rgba(66, 220, 255, .11) !important;
}

.auth-panel__form .auth-check,
.auth-panel__form .auth-submit,
.auth-panel__form .auth-help,
.auth-panel__form .alert,
.auth-panel__form .captcha,
.auth-panel__form .auth-captcha {
  grid-column: 1 / -1 !important;
}

.auth-panel__form .custom-control,
.auth-panel__form .form-check {
  color: #b8c7da !important;
}

.auth-panel__form button[type='submit'],
.auth-panel__form .auth-submit {
  min-height: 50px !important;
  border: 1px solid rgba(114, 229, 255, .48) !important;
  border-radius: 11px !important;
  background: linear-gradient(110deg, #42dcff, #3978ff 72%) !important;
  color: #03101f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: 0 13px 30px rgba(48, 150, 255, .23) !important;
}

.auth-panel__close {
  position: absolute !important;
  z-index: 10 !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(130, 201, 255, .2) !important;
  border-radius: 10px !important;
  background: rgba(4, 13, 31, .78) !important;
  color: #d8e7f4 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .server-board__header { margin-bottom: 16px !important; }
  .server-board__header h2 { font-size: 30px !important; }
  .server-board__list { padding: 14px 14px 0 !important; }
  .server-branch__toggle { min-height: 88px !important; padding: 18px !important; }
  .server-branch__toggle strong { max-width: 155px !important; font-size: 14px !important; }
  .server-board__totals { padding: 20px 14px 14px !important; }

  .release-auth { padding: 10px !important; }
  .release-auth .modal-dialog {
    width: calc(100vw - 20px) !important;
    min-height: calc(100vh - 20px) !important;
  }
  .release-auth__dialog,
  .release-auth .modal-content {
    max-height: calc(100vh - 20px) !important;
    border-radius: 18px !important;
  }
  .auth-panel {
    min-height: calc(100vh - 22px) !important;
    grid-template-columns: 1fr !important;
  }
  .auth-panel__visual { display: none !important; }
  .auth-panel__form {
    max-height: calc(100vh - 22px) !important;
    padding: 54px 22px 28px !important;
  }
  .auth-panel__form form,
  .auth-panel__form .auth-form-grid {
    grid-template-columns: 1fr !important;
  }
  .auth-panel__form .auth-field,
  .auth-panel__form .form-group,
  .auth-panel__form .auth-check,
  .auth-panel__form .auth-submit,
  .auth-panel__form .auth-help,
  .auth-panel__form .alert,
  .auth-panel__form .captcha,
  .auth-panel__form .auth-captcha {
    grid-column: 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .server-board__list,
  .server-board__totals,
  .server-instance__bar i {
    animation: none !important;
  }
}

/* NoLife desktop release v4: aurora atlas, original DreamCMS monitor and premium UI. */
:root {
  --nl-ink: #050817;
  --nl-panel: #081226;
  --nl-panel-deep: #040b19;
  --nl-line: rgba(118, 204, 255, .18);
  --nl-line-strong: rgba(82, 211, 255, .42);
  --nl-copy: #aebdd0;
  --nl-white: #f4f9ff;
  --nl-cyan: #42dcff;
  --nl-blue: #3978ff;
  --nl-mint: #62f4ca;
  --nl-violet: #7367ff;
  --nl-display: 'Montserrat', sans-serif;
}

body {
  background: var(--nl-ink) !important;
  color: var(--nl-white);
  font-family: var(--nl-display) !important;
}

.release-shell {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 24%, rgba(66, 220, 255, .08), transparent 25%),
    radial-gradient(circle at 82% 43%, rgba(93, 78, 255, .08), transparent 30%),
    var(--nl-ink) !important;
}

.release-shell::before {
  position: fixed;
  z-index: 0;
  inset: 0;
  background-image:
    linear-gradient(rgba(103, 194, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(103, 194, 255, .025) 1px, transparent 1px);
  background-size: 72px 72px;
  content: '';
  pointer-events: none;
}

.release-shell > * {
  position: relative;
  z-index: 1;
}

@media (min-width: 992px) {
  .release-shell .wrapper {
    width: min(1320px, calc(100% - 96px)) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  /* Navigation */
  .release-nav {
    position: sticky !important;
    z-index: 120 !important;
    top: 0;
    height: 88px !important;
    border-bottom: 1px solid rgba(122, 199, 255, .12) !important;
    background: rgba(3, 8, 20, .84) !important;
    box-shadow: 0 18px 48px rgba(0, 3, 14, .18) !important;
    backdrop-filter: blur(22px) saturate(1.18);
  }

  .release-nav__inner {
    height: 88px !important;
    gap: 46px !important;
  }

  .release-nav__logo {
    width: 184px !important;
    min-width: 184px !important;
    filter: drop-shadow(0 0 18px rgba(48, 201, 255, .22));
  }

  .release-nav__links {
    gap: 6px !important;
    margin: 0 auto 0 0 !important;
  }

  .release-nav__links .link {
    position: relative;
    min-height: 42px !important;
    padding: 0 15px !important;
    border: 0 !important;
    background: transparent !important;
    color: #b8c5d6 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .005em !important;
  }

  .release-nav__links .link::after {
    position: absolute;
    right: 15px;
    bottom: 2px;
    left: 15px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--nl-cyan), transparent);
    content: '';
    opacity: 0;
    transform: scaleX(.35);
    transition: opacity .22s ease, transform .22s ease;
  }

  .release-nav__links li:hover .link,
  .release-nav__links .router-link-active {
    color: var(--nl-white) !important;
  }

  .release-nav__links li:hover .link::after,
  .release-nav__links .router-link-active::after {
    opacity: 1;
    transform: scaleX(1);
  }

  .release-nav__actions {
    gap: 10px !important;
  }

  .release-nav__login {
    height: 42px !important;
    padding: 0 19px !important;
    color: #d5e0ee !important;
    font-size: 12px !important;
    font-weight: 750 !important;
  }

  .release-button,
  .release-nav .release-button {
    border: 1px solid rgba(123, 228, 255, .48) !important;
    border-radius: 10px !important;
    background: linear-gradient(112deg, var(--nl-cyan), #43bfff 42%, var(--nl-blue)) !important;
    color: #03101d !important;
    font-weight: 800 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .46),
      0 12px 30px rgba(43, 151, 255, .2) !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
  }

  .release-button:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .5),
      0 18px 38px rgba(43, 151, 255, .28) !important;
  }

  .release-button--compact {
    height: 42px !important;
    padding: 0 21px !important;
    font-size: 12px !important;
  }

  .release-dropdown {
    top: calc(100% + 14px) !important;
    padding: 12px !important;
    border: 1px solid var(--nl-line) !important;
    border-radius: 14px !important;
    background: rgba(5, 13, 30, .96) !important;
    box-shadow: 0 28px 70px rgba(0, 2, 12, .52) !important;
    backdrop-filter: blur(22px);
  }

  .release-dropdown a {
    border-radius: 8px !important;
    color: #aebdd0 !important;
  }

  .release-dropdown a:hover {
    background: rgba(66, 220, 255, .08) !important;
    color: var(--nl-white) !important;
  }

  /* Hero */
  .home-hero {
    position: relative !important;
    min-height: 748px !important;
    overflow: hidden !important;
    background:
      linear-gradient(90deg, rgba(5, 8, 23, .96) 0%, rgba(5, 8, 23, .83) 34%, rgba(5, 8, 23, .42) 68%, rgba(5, 8, 23, .32) 100%),
      linear-gradient(180deg, rgba(5, 8, 23, .08), rgba(5, 8, 23, .16) 60%, #050817 100%),
      url('/images/nolife-aurora-bg-premium-opt.jpg') center 44% / cover no-repeat !important;
  }

  .home-hero::before {
    position: absolute !important;
    inset: 0 !important;
    background:
      linear-gradient(rgba(111, 207, 255, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(111, 207, 255, .045) 1px, transparent 1px) !important;
    background-size: 64px 64px !important;
    content: '' !important;
    mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .72) 58%, transparent 100%);
    pointer-events: none;
  }

  .home-hero::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 180px;
    background: linear-gradient(180deg, transparent, #050817);
    content: '';
    pointer-events: none;
  }

  .home-hero .wrapper,
  .home-hero__grid {
    min-height: 748px !important;
  }

  .home-hero__grid {
    display: grid !important;
    grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr) !important;
    align-items: center !important;
    gap: 52px !important;
    padding: 48px 0 78px !important;
  }

  .home-hero__copy {
    position: relative !important;
    z-index: 6 !important;
    max-width: 680px !important;
    padding-top: 8px !important;
    animation: nl-v4-rise .72s cubic-bezier(.2, .72, .2, 1) both;
  }

  .home-hero__eyebrow,
  .release-kicker {
    color: #88eaff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .19em !important;
    text-transform: uppercase !important;
  }

  .home-hero__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 25px !important;
    padding: 8px 11px !important;
    border: 1px solid rgba(106, 223, 255, .18) !important;
    border-radius: 999px !important;
    background: rgba(5, 17, 35, .46) !important;
    backdrop-filter: blur(12px);
  }

  .home-hero__eyebrow i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--nl-mint) !important;
    box-shadow: 0 0 14px rgba(98, 244, 202, .82) !important;
  }

  .home-hero h1 {
    max-width: 720px !important;
    margin: 0 !important;
    color: var(--nl-white) !important;
    font-size: clamp(58px, 5.2vw, 76px) !important;
    font-weight: 790 !important;
    line-height: .98 !important;
    letter-spacing: -.058em !important;
    text-shadow: 0 20px 56px rgba(0, 3, 14, .42) !important;
  }

  .home-hero h1 span {
    background: linear-gradient(92deg, #dff9ff 0%, #7ce8ff 44%, #6d9cff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  .home-hero__copy > p {
    max-width: 575px !important;
    margin: 27px 0 0 !important;
    color: #b7c7d9 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    text-shadow: 0 3px 16px rgba(0, 5, 18, .48) !important;
  }

  .home-hero__actions {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin-top: 35px !important;
  }

  .release-button--hero {
    min-width: 188px !important;
    height: 52px !important;
    padding: 0 22px !important;
    justify-content: space-between !important;
    font-size: 12px !important;
  }

  .home-hero__secondary {
    display: inline-flex !important;
    height: 48px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 13px !important;
    color: #d1deeb !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  .home-hero__secondary > i {
    display: grid !important;
    width: 34px !important;
    height: 34px !important;
    place-items: center !important;
    border: 1px solid rgba(119, 222, 255, .3) !important;
    border-radius: 50% !important;
    background: rgba(5, 16, 34, .48) !important;
    color: var(--nl-cyan) !important;
  }

  .home-hero__visual {
    position: relative !important;
    z-index: 3 !important;
    min-height: 590px !important;
  }

  .home-hero__art {
    display: none !important;
  }

  .home-hero__atlas {
    position: absolute;
    top: 18px;
    right: 0;
    width: min(570px, 100%);
    height: 548px;
    overflow: hidden;
    border: 1px solid rgba(102, 213, 255, .21);
    border-radius: 34px 8px 34px 8px;
    background:
      radial-gradient(circle at 52% 46%, rgba(66, 220, 255, .14), transparent 24%),
      linear-gradient(rgba(87, 197, 255, .055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(87, 197, 255, .055) 1px, transparent 1px),
      linear-gradient(145deg, rgba(6, 19, 40, .88), rgba(7, 12, 34, .62));
    background-size: auto, 42px 42px, 42px 42px, auto;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .035),
      0 38px 90px rgba(0, 3, 14, .34);
    backdrop-filter: blur(13px);
    animation: nl-v4-atlas-in .9s .12s cubic-bezier(.2, .72, .2, 1) both;
  }

  .home-hero__atlas::before,
  .home-hero__atlas::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(85, 217, 255, .2);
    border-radius: 50%;
    content: '';
    transform: translate(-50%, -50%);
  }

  .home-hero__atlas::before {
    width: 348px;
    height: 348px;
    box-shadow:
      0 0 0 42px rgba(70, 205, 255, .03),
      0 0 0 43px rgba(70, 205, 255, .08),
      0 0 70px rgba(45, 144, 255, .08);
  }

  .home-hero__atlas::after {
    width: 214px;
    height: 214px;
    border-style: dashed;
    animation: nl-v4-orbit 24s linear infinite;
  }

  .home-hero__atlas-tag,
  .home-hero__atlas-meta {
    position: absolute;
    z-index: 2;
    color: rgba(190, 226, 246, .6);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .18em;
  }

  .home-hero__atlas-tag {
    top: 24px;
    left: 26px;
  }

  .home-hero__atlas-meta {
    right: 25px;
    bottom: 24px;
  }

  .home-hero__atlas-core {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: grid;
    width: 88px;
    height: 88px;
    place-items: center;
    border: 1px solid rgba(126, 230, 255, .54);
    background: linear-gradient(145deg, rgba(51, 205, 255, .22), rgba(44, 83, 255, .18));
    box-shadow:
      inset 0 0 28px rgba(67, 218, 255, .12),
      0 0 48px rgba(43, 180, 255, .24);
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .home-hero__atlas-core span {
    color: #dffaff;
    font-size: 18px;
    font-weight: 850;
    letter-spacing: -.06em;
    transform: rotate(-45deg);
  }

  .home-hero__atlas-node {
    position: absolute;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid rgba(95, 205, 255, .15);
    border-radius: 999px;
    background: rgba(3, 12, 29, .68);
    color: #b9cada;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .home-hero__atlas-node i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--nl-mint);
    box-shadow: 0 0 10px rgba(98, 244, 202, .7);
  }

  .home-hero__atlas-node--one { top: 122px; right: 62px; }
  .home-hero__atlas-node--two { right: 54px; bottom: 126px; }
  .home-hero__atlas-node--three { bottom: 105px; left: 54px; }

  .hero-orbit--one {
    top: 22px !important;
    right: 4px !important;
    width: 556px !important;
    height: 556px !important;
    border-color: rgba(78, 214, 255, .11) !important;
    animation: nl-v4-ring-turn 36s linear infinite !important;
  }

  .server-pulse {
    position: absolute !important;
    z-index: 8 !important;
    right: 30px !important;
    bottom: 4px !important;
    width: 385px !important;
    min-height: 164px !important;
    padding: 20px 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(98, 205, 255, .24) !important;
    border-radius: 17px !important;
    background: rgba(3, 11, 27, .92) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .035),
      0 24px 65px rgba(0, 3, 14, .52) !important;
    backdrop-filter: blur(18px);
  }

  .server-pulse::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(66, 220, 255, .06), transparent 38%, rgba(87, 77, 255, .07));
    content: '';
    pointer-events: none;
  }

  .server-pulse > * {
    position: relative;
    z-index: 1;
  }

  .server-pulse__top,
  .server-pulse__bottom {
    color: #8fa1b9 !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
  }

  .server-pulse__live {
    color: #dffaff !important;
  }

  .server-pulse__live i {
    background: var(--nl-mint) !important;
    box-shadow: 0 0 12px rgba(98, 244, 202, .75) !important;
  }

  .server-pulse__value {
    margin: 12px 0 9px !important;
  }

  .server-pulse__value strong {
    color: var(--nl-white) !important;
    font-size: 38px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
  }

  .server-pulse__value span {
    color: #91a3b9 !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
  }

  .server-pulse__track {
    height: 3px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(112, 159, 207, .13) !important;
  }

  .server-pulse__track i {
    background: linear-gradient(90deg, var(--nl-cyan), var(--nl-blue)) !important;
    box-shadow: 0 0 12px rgba(66, 220, 255, .5) !important;
  }

  .server-pulse__bottom {
    margin-top: 13px !important;
  }

  .server-pulse__bottom strong {
    color: #dce8f4 !important;
  }

  .home-hero__scroll {
    display: none !important;
  }

  /* Main layout and headings */
  .release-main {
    position: relative;
    padding: 92px 0 0 !important;
    background:
      radial-gradient(circle at 10% 8%, rgba(61, 210, 255, .055), transparent 25%),
      radial-gradient(circle at 88% 34%, rgba(100, 80, 255, .055), transparent 30%),
      #050817 !important;
  }

  .release-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 338px !important;
    align-items: start !important;
    gap: 42px !important;
  }

  .release-content,
  .release-sidebar {
    min-width: 0 !important;
  }

  .release-sidebar {
    position: relative !important;
  }

  .release-section-heading {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 30px !important;
    margin-bottom: 28px !important;
  }

  .release-section-heading h2 {
    margin: 8px 0 0 !important;
    color: var(--nl-white) !important;
    font-size: clamp(36px, 3.35vw, 48px) !important;
    font-weight: 780 !important;
    line-height: 1.02 !important;
    letter-spacing: -.05em !important;
  }

  .release-section-heading > p {
    max-width: 310px !important;
    margin: 0 0 4px !important;
    color: #899ab0 !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
    text-align: right !important;
  }

  /* News */
  .news-feature {
    display: grid !important;
    min-height: 390px !important;
    grid-template-columns: minmax(285px, .44fr) minmax(0, .56fr) !important;
    overflow: hidden !important;
    border: 1px solid rgba(116, 196, 255, .14) !important;
    border-radius: 22px !important;
    background: rgba(7, 14, 32, .86) !important;
    box-shadow: 0 28px 75px rgba(0, 3, 14, .25) !important;
  }

  .news-feature__image,
  .news-card__image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    border: 0 !important;
    background-position: center !important;
    background-size: cover !important;
    cursor: pointer !important;
  }

  .news-feature__image::before,
  .news-card__image::before {
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(4, 9, 23, .05), rgba(4, 9, 23, .66)),
      linear-gradient(110deg, rgba(39, 194, 255, .06), rgba(68, 59, 198, .12));
    content: '';
    transition: opacity .25s ease;
  }

  .news-feature:hover .news-feature__image::before,
  .news-card:hover .news-card__image::before {
    opacity: .72;
  }

  .news-feature__index,
  .news-card__image > span {
    position: absolute !important;
    z-index: 2 !important;
    top: 18px !important;
    left: 18px !important;
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    place-items: center !important;
    border: 1px solid rgba(126, 224, 255, .24) !important;
    border-radius: 10px !important;
    background: rgba(3, 10, 26, .76) !important;
    color: #eafaff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    backdrop-filter: blur(10px);
  }

  .news-feature__open {
    position: absolute !important;
    z-index: 2 !important;
    bottom: 22px !important;
    left: 22px !important;
    color: #f0f8ff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
  }

  .news-feature__content {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    padding: 36px 38px 32px !important;
    background:
      linear-gradient(rgba(81, 190, 255, .03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(81, 190, 255, .03) 1px, transparent 1px),
      rgba(7, 14, 32, .92) !important;
    background-size: 46px 46px, 46px 46px, auto !important;
  }

  .news-card__meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    color: #798aa1 !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .news-card__meta span {
    color: var(--nl-cyan) !important;
  }

  .news-feature h3,
  .news-card h3 {
    margin: 18px 0 14px !important;
    color: var(--nl-white) !important;
    font-size: 24px !important;
    font-weight: 760 !important;
    line-height: 1.18 !important;
    letter-spacing: -.035em !important;
  }

  .news-card__copy {
    overflow-wrap: anywhere !important;
    color: #9fafc2 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  .news-card__action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    align-self: flex-start !important;
    margin-top: auto !important;
    padding: 18px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #e1edf7 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
  }

  .news-card__action i {
    color: var(--nl-cyan) !important;
  }

  .news-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-top: 18px !important;
  }

  .news-card {
    display: grid !important;
    min-height: 430px !important;
    grid-template-rows: 210px minmax(0, 1fr) !important;
    overflow: hidden !important;
    border: 1px solid rgba(116, 196, 255, .13) !important;
    border-radius: 18px !important;
    background: rgba(7, 14, 32, .82) !important;
    box-shadow: 0 24px 62px rgba(0, 3, 14, .2) !important;
  }

  .news-card__body {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    padding: 24px !important;
  }

  /* Sidebar CTA */
  .release-side-cta {
    display: grid !important;
    min-height: 92px !important;
    grid-template-columns: 48px minmax(0, 1fr) 20px !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(105, 213, 255, .24) !important;
    border-radius: 17px !important;
    background:
      linear-gradient(115deg, rgba(40, 198, 255, .13), transparent 42%, rgba(79, 70, 255, .12)),
      rgba(6, 16, 35, .88) !important;
    color: var(--nl-white) !important;
    box-shadow: 0 23px 58px rgba(0, 3, 14, .26) !important;
  }

  .release-side-cta__icon {
    display: grid !important;
    width: 48px !important;
    height: 48px !important;
    place-items: center !important;
    border: 1px solid rgba(105, 222, 255, .4) !important;
    border-radius: 12px !important;
    background: rgba(52, 195, 255, .1) !important;
    color: var(--nl-cyan) !important;
  }

  .release-side-cta strong {
    display: block !important;
    color: var(--nl-white) !important;
    font-size: 12px !important;
    font-weight: 780 !important;
  }

  .release-side-cta small {
    display: block !important;
    margin-top: 5px !important;
    color: #8495aa !important;
    font-size: 8px !important;
  }

  .release-side-cta__arrow {
    color: #7e91a8 !important;
  }

  /* Original DreamCMS monitor, recolored only. */
  .server-board {
    margin-top: 31px !important;
  }

  .server-board > h3 {
    margin: 0 0 20px !important;
    color: var(--nl-white) !important;
    font-size: 36px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    letter-spacing: -.05em !important;
  }

  .server-board .content.servers {
    position: relative !important;
    isolation: isolate;
    margin: 0 !important;
    padding: 17px 17px 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(94, 165, 255, .56) !important;
    border-radius: 18px !important;
    background-color: #17234f !important;
    background-image:
      linear-gradient(105deg, rgba(58, 92, 255, .62) 0 15%, transparent 15% 84%, rgba(107, 70, 220, .58) 84%),
      linear-gradient(75deg, rgba(62, 218, 255, .36) 0 9%, transparent 9% 90%, rgba(31, 201, 222, .34) 90%),
      linear-gradient(135deg, rgba(104, 68, 219, .25), transparent 48%, rgba(47, 175, 255, .2)) !important;
    background-size: 146% 146%, 138% 138%, 100% 100% !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .08),
      0 28px 70px rgba(0, 3, 14, .3) !important;
    animation: nl-v4-monitor-flow 18s ease-in-out infinite alternate;
  }

  .server-board .content.servers::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 15, 38, .12), rgba(5, 11, 30, .34));
    content: '';
  }

  .server-board .servers ul {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .server-board .servers li + li {
    margin-top: 9px !important;
  }

  .server-board .btn_common {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid rgba(121, 205, 255, .12) !important;
    border-radius: 13px !important;
    background: rgba(4, 13, 34, .86) !important;
    color: var(--nl-white) !important;
    box-shadow: 0 14px 34px rgba(0, 2, 12, .22) !important;
    text-decoration: none !important;
  }

  .server-board .heading {
    min-height: 96px !important;
    padding: 0 22px !important;
  }

  .server-board .heading .h4 {
    display: flex !important;
    min-height: 96px !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  .server-board .server_title {
    min-width: 0 !important;
    max-width: 185px !important;
    color: var(--nl-white) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    text-transform: uppercase !important;
    overflow-wrap: anywhere !important;
  }

  .server-board .server_badge {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding: 7px 9px !important;
    border: 1px solid rgba(84, 210, 255, .28) !important;
    border-radius: 999px !important;
    background: rgba(49, 184, 237, .1) !important;
    color: #c9ecfb !important;
    font-size: 9px !important;
    font-weight: 650 !important;
  }

  .server-board .server_badge.unavailable {
    border-color: rgba(150, 167, 191, .2) !important;
    background: rgba(104, 119, 143, .1) !important;
    color: #93a2b5 !important;
  }

  .server-board .branches.compact {
    padding: 16px 18px 18px !important;
    border-top: 1px solid rgba(118, 204, 255, .11) !important;
    background: rgba(1, 8, 24, .38) !important;
  }

  .server-board .branches.compact .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 7px 12px !important;
    margin: 0 !important;
  }

  .server-board .branches.compact .row + .row {
    margin-top: 13px !important;
  }

  .server-board .server_branch_name,
  .server-board .branches.compact .lot {
    margin: 0 !important;
    color: #dce8f4 !important;
    font-size: 10px !important;
    font-weight: 650 !important;
  }

  .server-board .branches.compact .lot {
    color: var(--nl-cyan) !important;
  }

  .server-board .branches.compact .bar {
    width: 100% !important;
    height: 4px !important;
    grid-column: 1 / -1 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: rgba(125, 171, 214, .15) !important;
  }

  .server-board .branches.compact .process {
    height: 100% !important;
    min-width: 2px !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, var(--nl-cyan), var(--nl-blue)) !important;
    box-shadow: 0 0 12px rgba(66, 220, 255, .5) !important;
  }

  .server-board .total {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 -17px !important;
    padding: 23px 17px 17px !important;
  }

  .server-board .total h5 {
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    min-height: 50px !important;
    flex: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 8px !important;
    color: var(--nl-white) !important;
    font-size: 27px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  .server-board .total h5 + h5 {
    border-left: 1px solid rgba(138, 193, 255, .16) !important;
  }

  .server-board .total small {
    display: block !important;
    margin-top: 8px !important;
    color: #91a1b7 !important;
    font-size: 8px !important;
    font-weight: 550 !important;
    line-height: 1.1 !important;
    text-transform: lowercase !important;
  }

  /* Onboarding */
  .start-steps {
    margin-top: 118px !important;
    padding-top: 4px !important;
  }

  .release-section-heading--center {
    align-items: end !important;
    text-align: left !important;
  }

  .start-steps__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .start-steps__grid article {
    position: relative !important;
    min-height: 405px !important;
    padding: 24px !important;
    overflow: hidden !important;
    border: 1px solid rgba(115, 199, 255, .14) !important;
    border-radius: 19px !important;
    background:
      radial-gradient(circle at 88% 0, rgba(56, 208, 255, .12), transparent 34%),
      linear-gradient(145deg, rgba(9, 19, 42, .94), rgba(5, 12, 28, .9)) !important;
    box-shadow: 0 26px 68px rgba(0, 3, 14, .2) !important;
  }

  .start-steps__grid article:nth-child(2) {
    background:
      radial-gradient(circle at 88% 0, rgba(63, 124, 255, .14), transparent 34%),
      linear-gradient(145deg, rgba(9, 19, 42, .94), rgba(5, 12, 28, .9)) !important;
  }

  .start-steps__grid article:nth-child(3) {
    background:
      radial-gradient(circle at 88% 0, rgba(101, 83, 255, .14), transparent 34%),
      linear-gradient(145deg, rgba(9, 19, 42, .94), rgba(5, 12, 28, .9)) !important;
  }

  .start-steps__number {
    position: absolute !important;
    z-index: 3 !important;
    top: 22px !important;
    left: 22px !important;
    color: rgba(197, 232, 249, .58) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .14em !important;
  }

  .start-steps__art {
    position: relative !important;
    display: grid !important;
    height: 168px !important;
    place-items: center !important;
    margin: 0 0 26px !important;
    overflow: hidden !important;
    border: 1px solid rgba(103, 207, 255, .1) !important;
    border-radius: 13px !important;
    background:
      linear-gradient(rgba(83, 194, 255, .05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(83, 194, 255, .05) 1px, transparent 1px),
      rgba(2, 10, 27, .62) !important;
    background-size: 28px 28px, 28px 28px, auto !important;
  }

  .start-steps__art img {
    display: none !important;
  }

  .start-steps__glyph {
    position: relative;
    display: grid;
    width: 96px;
    height: 96px;
    place-items: center;
    border: 1px solid rgba(104, 220, 255, .34);
    background: rgba(48, 182, 255, .07);
    box-shadow:
      0 0 0 18px rgba(63, 195, 255, .025),
      0 0 0 19px rgba(63, 195, 255, .07),
      0 0 35px rgba(50, 181, 255, .1);
    transform: rotate(45deg);
  }

  .start-steps__glyph::before,
  .start-steps__glyph::after {
    position: absolute;
    background: rgba(83, 212, 255, .25);
    content: '';
  }

  .start-steps__glyph::before { width: 126px; height: 1px; }
  .start-steps__glyph::after { width: 1px; height: 126px; }

  .start-steps__glyph span {
    width: 110px;
    color: #c9f3ff;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .13em;
    text-align: center;
    transform: rotate(-45deg);
  }

  .start-steps__glyph i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--nl-mint);
    box-shadow: 0 0 14px rgba(98, 244, 202, .7);
  }

  .start-steps__grid h3 {
    margin: 0 !important;
    color: var(--nl-white) !important;
    font-size: 21px !important;
    font-weight: 760 !important;
    letter-spacing: -.035em !important;
  }

  .start-steps__grid article > p {
    margin: 13px 0 0 !important;
    color: #93a4b8 !important;
    font-size: 11px !important;
    line-height: 1.65 !important;
  }

  .start-steps__action {
    position: absolute !important;
    right: 24px !important;
    bottom: 24px !important;
    left: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 15px !important;
    border: 0 !important;
    border-top: 1px solid rgba(119, 191, 237, .12) !important;
    background: transparent !important;
    color: #dce9f4 !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  .start-steps__action i {
    color: var(--nl-cyan) !important;
  }

  /* Community */
  .community-release {
    position: relative !important;
    display: grid !important;
    min-height: 350px !important;
    grid-template-columns: minmax(0, 1fr) minmax(430px, .86fr) !important;
    align-items: center !important;
    gap: 65px !important;
    margin: 42px 0 112px !important;
    padding: 56px 62px !important;
    overflow: hidden !important;
    border: 1px solid rgba(111, 205, 255, .18) !important;
    border-radius: 24px !important;
    background:
      linear-gradient(90deg, rgba(4, 11, 27, .93), rgba(4, 11, 27, .7) 48%, rgba(4, 11, 27, .53)),
      linear-gradient(rgba(92, 202, 255, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(92, 202, 255, .045) 1px, transparent 1px),
      url('/images/nolife-aurora-bg-premium-opt.jpg') center 56% / cover no-repeat !important;
    background-size: auto, 48px 48px, 48px 48px, cover !important;
    box-shadow: 0 34px 90px rgba(0, 3, 14, .3) !important;
  }

  .community-release::before {
    position: absolute;
    top: -170px;
    left: 24%;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(85, 214, 255, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 54px rgba(75, 192, 255, .025), 0 0 0 55px rgba(75, 192, 255, .06);
    content: '';
  }

  .community-release__art {
    display: none !important;
  }

  .community-release__copy,
  .community-release__cards {
    position: relative !important;
    z-index: 2 !important;
  }

  .community-release__copy h2 {
    margin: 12px 0 18px !important;
    color: var(--nl-white) !important;
    font-size: 43px !important;
    font-weight: 780 !important;
    line-height: 1.04 !important;
    letter-spacing: -.05em !important;
  }

  .community-release__copy p {
    max-width: 500px !important;
    margin: 0 !important;
    color: #a5b5c7 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  .community-release__cards {
    display: grid !important;
    gap: 12px !important;
  }

  .community-card {
    display: grid !important;
    min-height: 88px !important;
    grid-template-columns: 46px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 17px 18px !important;
    border: 1px solid rgba(116, 207, 255, .15) !important;
    border-radius: 14px !important;
    background: rgba(3, 11, 27, .78) !important;
    color: var(--nl-white) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
    backdrop-filter: blur(14px);
  }

  .community-card:hover {
    border-color: rgba(98, 217, 255, .34) !important;
    background: rgba(5, 16, 36, .88) !important;
  }

  .community-card__icon {
    display: grid !important;
    width: 46px !important;
    height: 46px !important;
    place-items: center !important;
    border: 1px solid rgba(106, 218, 255, .24) !important;
    border-radius: 11px !important;
    background: rgba(66, 196, 255, .08) !important;
    color: var(--nl-cyan) !important;
    font-size: 18px !important;
  }

  .community-card small {
    display: block !important;
    color: #7f91a8 !important;
    font-size: 8px !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
  }

  .community-card strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--nl-white) !important;
    font-size: 13px !important;
  }

  .community-card__arrow {
    color: #7d90a7 !important;
  }

  /* Footer */
  .release-footer {
    border-top: 1px solid rgba(111, 198, 255, .1) !important;
    background:
      radial-gradient(circle at 18% 0, rgba(57, 207, 255, .06), transparent 26%),
      #030712 !important;
  }

  .release-footer__top {
    padding: 70px 0 55px !important;
  }

  .release-footer__brand p,
  .release-footer__column a,
  .release-footer__bottom {
    color: #718198 !important;
  }

  .release-footer__title {
    color: #d8e7f3 !important;
    letter-spacing: .12em !important;
  }

  .release-footer__column a:hover {
    color: var(--nl-cyan) !important;
  }

  .release-footer__status i {
    background: var(--nl-mint) !important;
    box-shadow: 0 0 12px rgba(98, 244, 202, .7) !important;
  }

  /* Auth overlays: Vue behavior and local CAPTCHA remain untouched. */
  .modal.release-auth.show {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .release-auth {
    padding: 30px !important;
    background: rgba(1, 5, 14, .84) !important;
    backdrop-filter: blur(16px) saturate(.9) !important;
  }

  .release-auth .modal-dialog {
    width: min(1040px, calc(100vw - 60px)) !important;
    max-width: 1040px !important;
    min-height: 0 !important;
    margin: auto !important;
  }

  .release-auth__dialog,
  .release-auth .modal-content {
    max-height: calc(100vh - 60px) !important;
    overflow: hidden !important;
    border: 1px solid rgba(102, 204, 255, .24) !important;
    border-radius: 21px !important;
    background: #071122 !important;
    box-shadow: 0 42px 120px rgba(0, 0, 0, .7) !important;
  }

  .auth-panel {
    min-height: min(620px, calc(100vh - 62px)) !important;
    grid-template-columns: minmax(330px, .88fr) minmax(0, 1.12fr) !important;
    background: #071122 !important;
  }

  .auth-panel__visual {
    justify-content: flex-end !important;
    padding: 55px 43px !important;
    background:
      linear-gradient(180deg, rgba(3, 9, 23, .12), rgba(3, 9, 23, .91)),
      linear-gradient(110deg, rgba(34, 196, 255, .08), rgba(55, 78, 255, .12)),
      url('/images/nolife-aurora-bg-premium-opt.jpg') 58% center / cover no-repeat !important;
  }

  .auth-panel__visual::before {
    background:
      linear-gradient(rgba(83, 205, 255, .055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(83, 205, 255, .055) 1px, transparent 1px) !important;
    background-size: 38px 38px !important;
  }

  .auth-panel__visual::after {
    position: absolute;
    top: 54px;
    left: 50%;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(87, 214, 255, .14);
    border-radius: 50%;
    box-shadow: 0 0 0 32px rgba(65, 202, 255, .025), 0 0 0 33px rgba(65, 202, 255, .06);
    content: '';
    transform: translateX(-50%);
  }

  .auth-panel__visual h2 {
    font-size: 42px !important;
    line-height: 1.02 !important;
  }

  .auth-panel__form {
    max-height: calc(100vh - 62px) !important;
    padding: 46px 48px !important;
    background:
      radial-gradient(circle at 100% 0, rgba(54, 177, 255, .08), transparent 36%),
      #071122 !important;
  }

  .auth-panel__heading > span {
    color: var(--nl-cyan) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }

  .auth-panel__heading h3 {
    margin: 9px 0 7px !important;
    font-size: 31px !important;
  }

  .auth-panel__heading p,
  .auth-panel__help {
    color: #8fa1b8 !important;
    font-size: 11px !important;
  }

  .auth-panel__heading button {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--nl-cyan) !important;
  }

  .auth-panel__form form {
    gap: 14px !important;
    margin-top: 25px !important;
  }

  .auth-field > span {
    display: flex !important;
    min-height: 18px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .auth-field > span small,
  .auth-field > span a {
    color: #73859c !important;
    font-size: 9px !important;
    font-weight: 550 !important;
  }

  .auth-field__reveal {
    padding: 2px 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: #8ca1b8 !important;
  }

  .auth-panel__form .form-control {
    height: 50px !important;
    border-radius: 9px !important;
    background: rgba(2, 10, 27, .74) !important;
  }

  .auth-check {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #9daec1 !important;
    font-size: 10px !important;
    font-style: normal !important;
  }

  .auth-check input {
    position: absolute !important;
    opacity: 0 !important;
  }

  .auth-check > span {
    display: grid !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 auto !important;
    place-items: center !important;
    border: 1px solid rgba(111, 198, 255, .28) !important;
    border-radius: 5px !important;
    background: rgba(2, 10, 27, .8) !important;
    color: transparent !important;
  }

  .auth-check input:checked + span {
    border-color: rgba(96, 221, 255, .62) !important;
    background: linear-gradient(135deg, var(--nl-cyan), var(--nl-blue)) !important;
    color: #03101d !important;
  }

  .auth-check em {
    color: inherit !important;
    font-style: normal !important;
  }

  .auth-submit {
    min-height: 50px !important;
    margin-top: 2px !important;
  }

  .auth-panel__help {
    margin-top: 20px !important;
  }

  .auth-divider {
    position: relative !important;
    margin: 23px 0 17px !important;
    color: #71839a !important;
    font-size: 9px !important;
    text-align: center !important;
  }

  .auth-divider::before {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
    background: rgba(112, 176, 226, .12);
    content: '';
  }

  .auth-divider span {
    position: relative !important;
    z-index: 1 !important;
    padding: 0 10px !important;
    background: #071122 !important;
  }

  .auth-socials {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    flex-wrap: wrap !important;
  }

  .auth-socials > a {
    display: grid !important;
    width: 40px !important;
    height: 40px !important;
    place-items: center !important;
    border: 1px solid rgba(112, 190, 239, .16) !important;
    border-radius: 9px !important;
    background: rgba(2, 10, 27, .62) !important;
    color: #a7b8ca !important;
  }

  .auth-socials > a:hover {
    border-color: rgba(83, 215, 255, .36) !important;
    color: var(--nl-cyan) !important;
  }

  .auth-panel__close {
    top: 17px !important;
    right: 17px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
  }

  /* Reuse the approved aurora instead of weak generated art on secondary pages. */
  .launcher .headline,
  .download .headline,
  .donate > .headline,
  .donate .headline:first-child,
  .shop_headline {
    background:
      linear-gradient(90deg, rgba(5, 12, 27, .96), rgba(5, 12, 27, .58)),
      url('/images/nolife-aurora-bg-premium-opt.jpg') center / cover no-repeat !important;
  }

  .rules::before {
    background:
      linear-gradient(90deg, rgba(5, 12, 27, .72), rgba(5, 12, 27, .2)),
      url('/images/nolife-aurora-bg-premium-opt.jpg') center / cover no-repeat !important;
  }
}

@keyframes nl-v4-rise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes nl-v4-atlas-in {
  from { opacity: 0; transform: translateX(24px) scale(.985); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes nl-v4-orbit {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes nl-v4-ring-turn {
  to { transform: rotate(360deg); }
}

@keyframes nl-v4-monitor-flow {
  0% { background-position: 0% 46%, 100% 54%, center; }
  100% { background-position: 100% 54%, 0% 46%, center; }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero__copy,
  .home-hero__atlas,
  .home-hero__atlas::after,
  .hero-orbit--one,
  .server-board .content.servers {
    animation: none !important;
  }
}

/* NoLife generated responsive CTA and dynamic server-row artwork */
@media (min-width: 992px) {
    .home-hero__visual {
        display: none !important;
    }

    .release-side-cta {
        position: relative;
        display: block !important;
        width: 100%;
        min-height: 0 !important;
        aspect-ratio: 3.18 / 1;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background-color: transparent !important;
        background-image: url('/assets/images/nolife-ui/start-cta@1x.png') !important;
        background-image: -webkit-image-set(
            url('/assets/images/nolife-ui/start-cta@1x.png') 1x,
            url('/assets/images/nolife-ui/start-cta@2x.png') 2x,
            url('/assets/images/nolife-ui/start-cta@3x.png') 3x
        ) !important;
        background-image: image-set(
            url('/assets/images/nolife-ui/start-cta@1x.png') 1x,
            url('/assets/images/nolife-ui/start-cta@2x.png') 2x,
            url('/assets/images/nolife-ui/start-cta@3x.png') 3x
        ) !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        box-shadow: none !important;
        overflow: visible;
        filter: drop-shadow(0 16px 28px rgba(12, 188, 255, .14));
        transition: transform .24s ease, filter .24s ease;
    }

    .release-side-cta::before,
    .release-side-cta::after {
        display: none !important;
    }

    .release-side-cta > * {
        opacity: 0 !important;
        pointer-events: none;
    }

    .release-side-cta:hover {
        transform: translateY(-3px);
        filter: brightness(1.08) drop-shadow(0 20px 34px rgba(12, 188, 255, .24));
    }

    .server-board .content.servers {
        height: auto !important;
    }

    .server-board .content.servers::before {
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        width: 84px !important;
        height: 1232px !important;
        background: url('/images/side_wave.svg') center top / 84px 1232px no-repeat !important;
        animation: nlSideWaveDown 24s linear infinite !important;
        opacity: .62 !important;
    }

    .server-board .content.servers > ul > li + li {
        margin-top: 8px !important;
    }

    .server-board .btn_common {
        position: relative;
        display: flex !important;
        align-items: center;
        width: 100%;
        min-height: 112px !important;
        padding: 22px 34px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background-color: transparent !important;
        background-image: url('/assets/images/nolife-ui/server-row@1x.png') !important;
        background-image: -webkit-image-set(
            url('/assets/images/nolife-ui/server-row@1x.png') 1x,
            url('/assets/images/nolife-ui/server-row@2x.png') 2x,
            url('/assets/images/nolife-ui/server-row@3x.png') 3x
        ) !important;
        background-image: image-set(
            url('/assets/images/nolife-ui/server-row@1x.png') 1x,
            url('/assets/images/nolife-ui/server-row@2x.png') 2x,
            url('/assets/images/nolife-ui/server-row@3x.png') 3x
        ) !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        box-shadow: none !important;
        overflow: visible;
    }

    .server-board .btn_common::before,
    .server-board .btn_common::after {
        display: none !important;
    }

    .server-board .btn_common .heading {
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .server-board .btn_common .h4 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0 !important;
    }

    .server-board .server_title {
        min-width: 0;
        color: #f4fbff !important;
        font-size: 13px !important;
        line-height: 1.15;
        letter-spacing: .01em;
        overflow-wrap: anywhere;
    }

    .server-board .server_badge {
        flex: 0 0 auto;
        margin: 0 !important;
        padding: 6px 9px !important;
        border: 1px solid rgba(72, 211, 255, .3);
        border-radius: 999px;
        color: #a9eaff !important;
        background: rgba(18, 78, 117, .28);
        font-size: 9px !important;
    }
}

/* NoLife generated UI scale refinement */
@media (min-width: 992px) {
    .release-side-cta {
        aspect-ratio: 4.38 / 1 !important;
    }

    .server-board .btn_common {
        box-sizing: border-box !important;
        height: auto !important;
        min-height: 108px !important;
        padding: 16px 30px !important;
    }
}

/* Dynamic monitor expansion fix: artwork belongs to the fixed heading, not the expandable link */
@media (min-width: 992px) {
    .release-side-cta {
        background-size: calc(100% - 16px) auto !important;
    }

    .server-board .btn_common {
        display: block !important;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        background: none !important;
        overflow: visible;
    }

    .server-board .btn_common .heading {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 112px;
        padding: 16px 30px;
        box-sizing: border-box;
        background-color: transparent;
        background-image: url('/assets/images/nolife-ui/server-row@1x.png');
        background-image: -webkit-image-set(
            url('/assets/images/nolife-ui/server-row@1x.png') 1x,
            url('/assets/images/nolife-ui/server-row@2x.png') 2x,
            url('/assets/images/nolife-ui/server-row@3x.png') 3x
        );
        background-image: image-set(
            url('/assets/images/nolife-ui/server-row@1x.png') 1x,
            url('/assets/images/nolife-ui/server-row@2x.png') 2x,
            url('/assets/images/nolife-ui/server-row@3x.png') 3x
        );
        background-position: center;
        background-repeat: no-repeat;
        background-size: calc(100% - 12px) auto;
    }

    .server-board .btn_common .h4 {
        width: 100% !important;
        padding: 0 12px;
        box-sizing: border-box;
    }

    .server-board .server_title {
        width: auto !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    .server-board .branches.compact {
        position: relative !important;
        z-index: 3;
        width: calc(100% - 28px) !important;
        margin: -3px auto 8px !important;
        padding: 12px 16px 14px !important;
        box-sizing: border-box;
        border: 1px solid rgba(58, 198, 255, .2);
        border-top: 0;
        border-radius: 0 0 10px 10px;
        background: rgba(3, 12, 31, .94);
        box-shadow: 0 12px 24px rgba(0, 8, 24, .24);
    }

    .server-board .branches.compact .row {
        position: relative;
        width: 100%;
        margin: 0 !important;
    }

    .server-board .server_branch_name {
        max-width: calc(100% - 34px);
        margin: 0 !important;
        color: #dceeff !important;
        font-size: 10px !important;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .server-board .branches.compact .lot {
        position: absolute;
        top: 0;
        right: 0;
        color: #45ddff !important;
        font-size: 11px !important;
    }

    .server-board .branches.compact .bar {
        width: 100% !important;
        margin-top: 10px;
        padding: 0 !important;
    }
}

/* CTA physical safe area: preserve complete generated corners */
@media (min-width: 992px) {
    .release-side-cta {
        aspect-ratio: 4.37 / 1 !important;
        background-size: contain !important;
    }
}

/* CTA glow must render outside the clickable box */
@media (min-width: 992px) {
    .release-side-cta {
        overflow: visible !important;
        background-position: center !important;
    }
}

/* CTA uses its baked glow; CSS drop-shadow would reveal the opaque image canvas */
@media (min-width: 992px) {
    .release-side-cta {
        filter: none !important;
    }

    .release-side-cta:hover {
        filter: brightness(1.06) !important;
    }
}

/* CTA alpha silhouette: shaped glow without an opaque rectangular canvas */
@media (min-width: 992px) {
    .release-side-cta {
        aspect-ratio: 4.27 / 1 !important;
        overflow: visible !important;
        background-position: center !important;
        background-size: contain !important;
        filter: drop-shadow(0 10px 20px rgba(22, 198, 255, .22)) !important;
    }

    .release-side-cta:hover {
        filter: brightness(1.06) drop-shadow(0 12px 24px rgba(22, 198, 255, .32)) !important;
    }
}

/* NoLife production performance guard */
.home-hero__copy,
.home-hero__atlas,
.home-hero__atlas::after,
.hero-orbit--one,
.server-board__list,
.server-board__totals,
.server-board .content.servers::before,
.server-instance__bar i {
  animation: none !important;
}

.start-steps,
.community-release {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}

.release-auth {
  backdrop-filter: none !important;
}