/* Окно «Start free trial»: вместо перехода в Telegram — выбор регистрация / вход / письмо. */
.access {
  width: min(460px, calc(100vw - 32px)); margin: auto;
  padding: 0; border: 1px solid #222225; border-radius: 6px;
  background: #0F0F11; color: #EDEDEA;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
}
.access::backdrop { background: rgba(5, 5, 6, 0.72); backdrop-filter: blur(3px); }
.access[open] { animation: access-in .18s ease-out; }
@keyframes access-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .access[open] { animation: none; } }

.access__in { padding: 30px 30px 26px; position: relative; }
.access__x {
  position: absolute; top: 14px; right: 14px; width: 32px; height: 32px;
  border: 0; border-radius: 4px; background: transparent; color: #8A8A87;
  font-size: 20px; line-height: 1; cursor: pointer;
}
.access__x:hover { color: #EDEDEA; background: rgba(255, 255, 255, 0.05); }
.access__eyebrow {
  font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; font-size: 11px;
  letter-spacing: .18em; text-transform: uppercase; color: #30A46C;
}
.access h2 {
  font-family: "Inter Tight", "Inter", system-ui, sans-serif; font-weight: 500;
  font-size: 26px; line-height: 1.15; letter-spacing: -0.02em; margin: 12px 0 0;
}
.access p { color: #8A8A87; font-size: 15px; line-height: 1.55; margin: 12px 0 0; }
.access__facts { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 8px; }
.access__facts li { font-size: 14px; display: flex; gap: 10px; align-items: baseline; }
.access__facts li::before { content: "✓"; color: #30A46C; font-size: 13px; }
.access__go { margin-top: 24px; display: grid; gap: 10px; }
.access__go .btn { justify-content: center; }
.access__or {
  margin-top: 22px; padding-top: 18px; border-top: 1px solid #1C1C1F;
  font-size: 14px; color: #8A8A87;
}
.access__or a { color: #EDEDEA; border-bottom: 1px solid #2A2A2D; }
.access__or a:hover { border-color: #30A46C; }
@media (max-width: 480px) { .access__in { padding: 26px 20px 22px; } .access h2 { font-size: 23px; } }
.note a { color: #8A8A87; border-bottom: 1px solid #2A2A2D; }
.note a:hover { color: #EDEDEA; }
/* На узком экране юридические ссылки остаются только в подвале — иначе шапка шире экрана. */
@media (max-width: 640px) {
  .top__nav a[href="/terms/"], .top__nav a[href="/privacy/"], .top__nav a[href="/refund/"] { display: none; }
}