.dev-access-shell { width: min(100%, 370px); }
.dev-access-header { margin-bottom: 28px; }
.public-landing .dev-access-eyebrow { margin-bottom: 18px; color: var(--public-hint); font-size: 12px; }
.dev-access-header h1 { margin-bottom: 16px; }
.dev-access-form, .dev-access-field { display: grid; gap: 8px; }
.dev-access-form { gap: 20px; margin-top: 24px; text-align: left; }
.dev-access-field label { color: var(--public-label); font-size: 13px; }
.dev-access-field input { width: 100%; min-width: 0; min-height: 46px; border: 1px solid var(--public-rule); border-radius: 6px; padding: 11px 14px; background: rgba(35,36,41,.64); color: var(--public-ink); font: inherit; }
.dev-access-field input:hover { border-color: rgba(246,247,249,.4); }
.dev-access-field input:focus { border-color: var(--public-ink); }
.dev-access-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; padding: 12px 16px; border: 1px solid rgba(246,247,249,.45); border-radius: 6px; background: rgba(246,247,249,.09); color: var(--public-ink); font: inherit; text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s; }
.dev-access-button:hover { background: rgba(246,247,249,.16); border-color: var(--public-ink); }
.dev-access-button:visited, .dev-access-button:active { color: var(--public-ink); }
.dev-access-button:disabled { cursor: wait; opacity: .65; }
.dev-access-link { border: 0; background: transparent; color: var(--public-label); padding: 12px; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.dev-access-error { padding: 14px 16px; border: 1px solid rgba(246,247,249,.3); border-radius: 6px; background: rgba(35,36,41,.75); color: var(--public-ink); text-align: left; line-height: 1.6; }
.dev-access-status { min-height: 1.6em; color: var(--public-label); font-size: 12px; text-align: center; }
.dev-access-footer { margin-top: 28px; color: var(--public-hint); font-size: 12px; line-height: 1.6; }
.dev-access-body[data-dev-accepted=true] .dev-access-form { opacity: 0; pointer-events: none; transition: opacity .22s; }
.dev-access-body[data-dev-accepted=true] .dev-access-footer { opacity: 0; }
@media (max-width: 600px) { .dev-access-body .public-main { padding-block: 48px 32px; } }