.tlgate-back{position:fixed;inset:0;background:rgba(28,20,14,.55);backdrop-filter:blur(4px);z-index:9600;display:none;align-items:center;justify-content:center;padding:22px}
.tlgate-back.show{display:flex}
.tlgate{background:#fff;border-radius:22px;max-width:470px;width:100%;padding:30px 28px;box-shadow:0 40px 90px -30px rgba(0,0,0,.5);text-align:center;animation:tlgIn .3s ease both}
@keyframes tlgIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.tlgate .ic{width:62px;height:62px;border-radius:18px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green-l),var(--green-d));color:#fff}
.tlgate h3{margin:0 0 10px;font-size:20px;color:#241812}
.tlgate p{margin:0 0 8px;font-size:14.5px;line-height:1.65;color:#5d4f45}
.tlgate .prog{font-size:13px;font-weight:700;color:var(--green-d);margin:12px 0 4px}
.tlgate .acts{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.tlgate .go{border:0;font:inherit;font-weight:800;font-size:16px;padding:15px;border-radius:13px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--green-l),var(--green-d));box-shadow:0 14px 26px -12px var(--green-glow)}
.tlgate .later{border:1.5px solid #e6ded7;background:#fff;font:inherit;font-weight:700;font-size:14.5px;padding:12px;border-radius:12px;cursor:pointer;color:#7a6a5e}
body.tl-dark .tlgate{background:#241d19;color:#f0e6de}
body.tl-dark .tlgate h3{color:#f7efe8}
body.tl-dark .tlgate p{color:#cdbdb0}
body.tl-dark .tlgate .later{background:transparent;border-color:#3d332c;color:#cdbdb0}