/* Üyelik / ödeme kapısı */
body.gated { overflow: hidden; }
.user-box{display:flex;align-items:center;gap:10px;margin-left:8px}
.user-email{color:#aab4cf;font-size:13px;font-weight:600;max-width:180px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
a.logo{text-decoration:none}

.gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  padding:20px;background:linear-gradient(135deg,#0b1020,#121a33);overflow:auto}
.gate[hidden]{display:none}
.gate-box{background:#fff;border-radius:20px;width:min(420px,100%);padding:32px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);position:relative}
.gate-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:#0f172a;
  text-decoration:none;justify-content:center;margin-bottom:22px}
.gate-logo .logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;
  font-weight:900;font-size:14px;background:linear-gradient(135deg,#4f7cff,#7c3aed)}
.gate-tabs{display:flex;gap:6px;background:#f1f5f9;padding:5px;border-radius:12px;margin-bottom:18px}
.gate-tab{flex:1;border:0;background:transparent;padding:10px;border-radius:9px;font-weight:700;
  font-size:14px;color:#64748b;cursor:pointer}
.gate-tab.active{background:#fff;color:#4f7cff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.gate-form{display:flex;flex-direction:column;gap:12px}
.gate-form input{padding:13px 14px;border:1.5px solid #e6e9f0;border-radius:11px;font-size:15px;
  font-family:inherit}
.gate-form input:focus{outline:2px solid #4f7cff;border-color:#4f7cff}
.btn-full{display:block;width:100%;text-align:center;padding:13px;border:0;border-radius:11px;
  font-weight:700;font-size:15px;cursor:pointer;color:#fff;text-decoration:none;
  background:linear-gradient(120deg,#4f7cff,#7c3aed);box-shadow:0 8px 22px rgba(79,124,255,.35)}
.btn-full:hover{transform:translateY(-1px)}
.btn-outline{background:#fff;color:#4f7cff;border:1.5px solid #4f7cff;box-shadow:none}
.gate-msg{font-size:13px;color:#64748b;min-height:18px;text-align:center}
.gate-msg.err{color:#dc2626}
.gate-msg.ok{color:#16a34a}
.gate-h{font-size:22px;font-weight:800;margin:0 0 8px;text-align:center}
.gate-p{color:#475569;font-size:15px;text-align:center;margin:0 0 18px}
.gate-p b{color:#0f172a}
.gate-price{text-align:center;font-size:34px;font-weight:900;color:#0f172a;margin-bottom:18px}
.gate-price small{display:block;font-size:13px;color:#64748b;font-weight:600}
.gate-or{text-align:center;color:#94a3b8;font-size:13px;margin:16px 0 12px;position:relative}
.gate-or:before,.gate-or:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:#e6e9f0}
.gate-or:before{left:0}.gate-or:after{right:0}
.gate-link{display:block;margin:16px auto 0;background:none;border:0;color:#64748b;font-size:13px;
  cursor:pointer;text-decoration:underline}
.gate-loading{text-align:center;color:#64748b;padding:20px}