#vocabGateModal {
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
#vocabGateModal.open { display:flex; }
.vocabgate-shell {
  background:#0a0f2e;border-radius:16px;max-width:480px;width:100%;
  box-shadow:0 20px 80px rgba(0,0,0,.6);overflow:hidden;
  animation:pdbSlideIn .28s cubic-bezier(.22,.68,0,1.2);
}
.vocabgate-topbar {
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,#2c7be5,#1a5cbf);padding:14px 20px;
}
.vocabgate-topbar-title {
  font-family:'Tajawal',Tahoma,sans-serif;font-size:15px;font-weight:800;color:#fff;
  display:flex;align-items:center;gap:8px;
}
.vocabgate-close-btn {
  background:rgba(255,255,255,.15);border:none;color:#fff;font-size:20px;
  width:34px;height:34px;border-radius:8px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.vocabgate-close-btn:hover{background:rgba(255,255,255,.25);}
.vocabgate-body {
  padding:28px 24px;text-align:center;
}
.vocabgate-icon {
  font-size:64px;margin-bottom:12px;display:block;
}
.vocabgate-name {
  font-family:'Tajawal',Tahoma,sans-serif;color:#fff;font-size:22px;font-weight:800;margin-bottom:8px;
}
.vocabgate-desc {
  font-family:'Tajawal',Tahoma,sans-serif;color:#aac4f0;font-size:14px;line-height:1.7;margin-bottom:20px;
}
.vocabgate-btn {
  display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,#2c7be5,#1a5cbf);
  color:#fff;border:none;border-radius:12px;padding:14px 28px;
  font-family:'Tajawal',Tahoma,sans-serif;font-size:14px;font-weight:700;
  cursor:pointer;text-decoration:none;
  box-shadow:0 4px 16px rgba(44,123,229,.5);
  transition:all .2s;
}
.vocabgate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(44,123,229,.6);}