.docs-gate { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; }
.docs-gate[hidden] { display: none !important; }
.docs-gate__backdrop { position: absolute; inset: 0; background: rgba(9,30,66,.6); }
.docs-gate__sheet { position: relative; background: #fff; width: 460px; max-width: 92vw; max-height: 88vh; overflow: auto; border-radius: 16px; padding: 22px; font-family: Montserrat, system-ui, sans-serif; box-shadow: 0 12px 40px rgba(0,0,0,.3); text-align: center; }
.docs-gate__langs { display: flex; gap: 8px; justify-content: center; margin-bottom: 10px; }
.docs-gate__lang { font-size: 12px; color: #8a8d91; cursor: pointer; padding: 2px 8px; border-radius: 6px; }
.docs-gate__lang.is-on { color: #fff; background: #6C5CE7; }
.docs-gate__title { font-size: 18px; color: #091e42; margin: 0 0 14px; }
.docs-gate__docs { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.docs-gate__doc { color: #6C5CE7; cursor: pointer; text-decoration: none; font-weight: 600; font-size: 14px; }
.docs-gate__doc:hover { text-decoration: underline; }
.docs-gate__accept { display: flex; align-items: center; gap: 8px; justify-content: center; font-size: 13px; color: #42526e; margin-bottom: 16px; cursor: pointer; }
.docs-gate__cont { width: 100%; padding: 12px; border: 0; border-radius: 10px; background: #6C5CE7; color: #fff; font-size: 15px; cursor: pointer; }
.docs-gate__cont:disabled { background: #c7c2ee; cursor: not-allowed; }