.early-access-panel {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .7fr);
  gap: 24px;
  align-items: stretch;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 32px;
  background: radial-gradient(circle at top left, rgba(255,106,0,.1), transparent 48%), linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.02));
}

.early-access-copy h2 { margin: 0 0 14px; font-size: clamp(34px, 4.6vw, 58px); line-height: 1; letter-spacing: -.05em; }
.early-access-copy p { margin: 0; color: rgba(226,232,240,.82); line-height: 1.65; font-size: 16px; }
.early-access-form { display: grid; gap: 12px; padding: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: rgba(8,10,13,.42); }
.early-access-form label { display: grid; gap: 7px; color: rgba(203,213,225,.86); font-size: 12px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.early-access-form input,
.early-access-form select { min-height: 46px; width: 100%; border-radius: 14px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.045); color: var(--text); padding: 0 13px; outline: none; }
.early-access-form input:focus,
.early-access-form select:focus { border-color: rgba(255,106,0,.48); box-shadow: 0 0 0 3px rgba(255,106,0,.12); }
.form-status { min-height: 18px; margin: 0; color: rgba(253,186,116,.9); font-size: 12px; font-weight: 800; }
.social-section { display: grid; gap: 12px; }
.social-links { display: flex; flex-wrap: wrap; gap: 10px; }
.social-links a { min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; color: rgba(226,232,240,.84); background: rgba(255,255,255,.04); font-size: 12px; font-weight: 850; }
.social-links a:hover { border-color: rgba(255,106,0,.32); color: #fff; }
@media (max-width: 920px) { .early-access-panel { grid-template-columns: 1fr; } }