:root {
  --eyb-nav-bg: #080b10;
  --eyb-nav-panel: #111721;
  --eyb-nav-border: #26313e;
  --eyb-nav-text: #f5f7fa;
  --eyb-nav-muted: #9ba7b7;
  --eyb-nav-accent: #21c7bd;
}

.eyb-access-shell {
  box-sizing: border-box;
  max-width: 1040px;
  margin: 44px auto;
  padding: 42px;
  border: 1px solid var(--eyb-nav-border);
  border-radius: 28px;
  color: var(--eyb-nav-text);
  background: radial-gradient(circle at 85% 5%, rgba(33,199,189,.15), transparent 30%), var(--eyb-nav-bg);
  box-shadow: 0 28px 80px rgba(0,0,0,.3);
}
.eyb-access-shell *, .eyb-access-shell *::before, .eyb-access-shell *::after { box-sizing:border-box; }
.eyb-access-header { max-width:700px; margin-bottom:30px; }
.eyb-access-kicker { display:block; margin-bottom:9px; color:var(--eyb-nav-accent); font-size:12px; font-weight:900; letter-spacing:.16em; }
.eyb-access-header h1 { margin:0 0 12px; color:#fff; font-size:clamp(34px,5vw,58px); line-height:1.02; }
.eyb-access-header p { margin:0; color:var(--eyb-nav-muted); font-size:17px; }
.eyb-access-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.eyb-access-single { max-width:520px; }
.eyb-access-card {
  min-height:280px;
  padding:28px;
  border:1px solid var(--eyb-nav-border);
  border-radius:22px;
  background:var(--eyb-nav-panel);
  color:#fff!important;
  text-decoration:none!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.eyb-access-card:hover { transform:translateY(-3px); border-color:#415164; box-shadow:0 18px 38px rgba(0,0,0,.25); }
.eyb-access-card-primary { background:linear-gradient(145deg,rgba(33,199,189,.14),rgba(17,23,33,.96)); border-color:rgba(33,199,189,.48); }
.eyb-access-badge { color:var(--eyb-nav-accent); font-size:11px; font-weight:900; letter-spacing:.13em; }
.eyb-access-icon { width:52px; height:52px; display:grid; place-items:center; margin:28px 0 20px; border-radius:15px; background:rgba(33,199,189,.12); color:var(--eyb-nav-accent); font-size:26px; font-weight:700; }
.eyb-access-card strong { display:block; margin-bottom:8px; font-size:25px; }
.eyb-access-card small { display:block; color:var(--eyb-nav-muted); font-size:14px; line-height:1.55; }
.eyb-access-action { margin-top:auto; padding-top:25px; color:var(--eyb-nav-accent); font-size:13px; font-weight:900; letter-spacing:.06em; }

.eyb-home-join-cta {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-left:10px;
  padding:0 20px!important;
  border:1px solid var(--eyb-nav-accent)!important;
  border-radius:999px!important;
  background:var(--eyb-nav-accent)!important;
  color:#031413!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap;
  box-shadow:none!important;
}
.eyb-home-join-cta:hover { filter:brightness(1.07); transform:translateY(-1px); }

@media (max-width:720px) {
  .eyb-access-shell { margin:18px 10px; padding:26px 17px; border-radius:21px; }
  .eyb-access-grid { grid-template-columns:1fr; }
  .eyb-access-card { min-height:240px; }
  .eyb-home-join-cta { margin:10px 0 0 0!important; width:100%; }
}

/* v0.4.0 membership-state UI. */
.eyb-membership-status {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin:0 0 14px;
  padding:0 11px;
  border:1px solid rgba(33,199,189,.42);
  border-radius:999px;
  background:rgba(33,199,189,.08);
  color:var(--eyb-nav-accent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
}
.eyb-access-card-locked {
  cursor:default;
}
.eyb-access-card-locked:hover {
  transform:none;
  box-shadow:none;
}