/* ============================================================
   MÓLMESTER — tartalom-zár (soft gate) stílusa
   A tokeneket a style.css adja; ezt UTÁNA kell betölteni.
   ============================================================ */

/* a tartalmat elrejtjük, amíg a hozzáférés el nem dől (nincs villanás) */
html.mm-gate-pending main,
html.mm-gate-pending [data-gate-content]{visibility:hidden}

.mm-gate{position:fixed;inset:0;z-index:9999;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:1.5rem}
.mm-gate-card{max-width:440px;width:100%;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2.2rem 1.7rem;box-shadow:0 20px 50px -24px rgba(0,0,0,.3)}
.mm-gate-logo{width:42px;height:42px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.2rem;margin:0 auto 1.1rem}
.mm-gate-card h2{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:1.35rem;letter-spacing:-.01em;margin-bottom:.55rem}
.mm-gate-card p{color:var(--ink-soft);margin:0 auto 1.3rem;line-height:1.6;max-width:34ch}
.mm-gate-btn{display:inline-block;background:var(--brand);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.95rem;padding:.72rem 1.5rem;border-radius:var(--radius-sm);text-decoration:none;transition:.15s}
.mm-gate-btn:hover{background:var(--brand-dark)}
.mm-gate-links{margin-top:1.1rem;font-size:.88rem}
.mm-gate-link{color:var(--ink-soft);text-decoration:none}
.mm-gate-link:hover{color:var(--ink)}
.mm-gate-spin{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;margin:0 auto 1rem;animation:mm-spin .7s linear infinite}
@keyframes mm-spin{to{transform:rotate(360deg)}}
.mm-gate-btn:disabled:hover{background:var(--brand)}