/* Visual-only revision. Layout, semantic controls and data come from V1. */
:root {
  --black: #030605;
  --white: #dfe9e3;
  --green: #8dbda3;
  --muted: #9cafa3;
  --dim: #85978d;
  --rule: #2a3830;
}

.wordmark {
  font-family: 'Network Snoke';
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -.015em;
  line-height: 1;
  color: #f0fff7;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* The entrance already has the full-size wordmark. Preserve header geometry
   and the remaining navigation position; retain the brand on internal screens. */
body[data-screen='entrance'] .site-header > .wordmark { display: none; }
body[data-screen='entrance'] #account-nav { margin-inline-start: auto; }

#digital-rain { opacity: .72; transition: opacity .65s ease; }
body[data-screen='entrance'] #digital-rain { opacity: .72; }
body[data-screen='dashboard'] #digital-rain { opacity: .9; }
body[data-screen='access'] #digital-rain,
body[data-screen='invitation'] #digital-rain { opacity: .5; }

body[data-screen='entrance'] .atmosphere {
  background: radial-gradient(ellipse 46% 30% at 50% 46%, rgb(3 6 5 / 60%), rgb(3 6 5 / 25%) 65%, transparent 100%),
    linear-gradient(0deg, var(--black), transparent 18%, transparent 90%, rgb(3 6 5 / 25%));
}
body[data-screen='dashboard'] .atmosphere {
  background: linear-gradient(90deg, transparent, rgb(3 6 5 / 40%) 18%, rgb(3 6 5 / 75%) 38%, rgb(3 6 5 / 75%) 88%, transparent),
    linear-gradient(0deg, var(--black), transparent 26%);
}

body[data-screen='entrance'] .snoke-wordmark { text-shadow: none; }
.referral-total { color: #e5f1e9; text-shadow: none; }
.referral-code { color: #b3cebf; }
.button-outline { border-color: #597968; }
.button-outline:hover { background: rgb(109 227 165 / 6%); border-color: #9fdbbc; color: #d6f3e3; }
.button-primary { background: #6de3a5; color: #05190f; }
.button-primary:hover { background: #94edbf; }
.copy-line .button { color: #a9d8bd; border-color: #6c9f83; }
.copy-line .button:hover { color: #e5f6ec; border-color: #b1e5c9; }
.footer-manifesto { color: #a2bcae; }
#account-nav .demo-label { color: #a2bcae; }

/* A brief opacity resolve; controls are available immediately. */
.screen-resolve { animation: screen-resolve .28s ease-out both; }
@keyframes screen-resolve { from { opacity: .55; } to { opacity: 1; } }

@media (max-width: 640px) {
  .wordmark { font-size: 24px; }
  body[data-screen='dashboard'] .atmosphere {
    background: linear-gradient(90deg, rgb(3 6 5 / 15%), rgb(3 6 5 / 60%) 24%, rgb(3 6 5 / 70%) 78%, rgb(3 6 5 / 25%)),
      linear-gradient(0deg, var(--black), transparent 24%);
  }
}
@media (prefers-reduced-motion: reduce) { .screen-resolve { animation: none; } }