.mgr-dlg{position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;padding:24px;
  background:rgba(8,24,17,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mgr-dlg.is-open{display:flex}
.mgr-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;
  background:#f1f7fb;border-radius:14px;padding:30px 26px 22px;
  box-shadow:0 40px 90px -40px rgba(4,26,16,.6);animation:mgrIn .22s cubic-bezier(.22,.7,.2,1) both}
@keyframes mgrIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
.mgr-x{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;background:transparent;
  color:#5a6b7a;font-size:17px;line-height:1;cursor:pointer;border-radius:8px;transition:.2s}
.mgr-x:hover{background:#e4eef4;color:#0f1a16}
.mgr-ribbon{display:inline-block;margin-left:-26px;padding:8px 20px 8px 26px;border-radius:0 8px 8px 0;
  background:linear-gradient(90deg,#00d4a0,#00bf5f);color:#fff;font-size:13.5px;font-weight:700;line-height:1.4}
.mgr-card{display:flex;align-items:center;justify-content:space-between;gap:26px;
  background:#fff;border-radius:10px;padding:26px 26px 24px;margin-top:14px}
.mgr-card--main{margin-top:8px}
.mgr-left{min-width:0}
.mgr-card h3{margin:0;font-size:21px;font-weight:800;color:#101c16;line-height:1.32;letter-spacing:-.2px}
.mgr-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.mgr-list li{position:relative;padding-left:26px;font-size:14px;color:#3b4b45;line-height:1.6}
.mgr-list li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;
  background:#0bbf6a url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12.5 9.5 18 20 6.5'/%3E%3C/svg%3E") center/11px no-repeat}
.mgr-sub{margin:10px 0 0;font-size:13.5px;color:#6b7b74;line-height:1.7}
.mgr-primary{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-width:136px;height:46px;padding:0 26px;border-radius:8px;text-decoration:none;white-space:nowrap;
  background:linear-gradient(90deg,#00e06b,#00bf5f);color:#fff;font-size:15.5px;font-weight:700;
  box-shadow:0 10px 22px -16px rgba(0,191,95,.9);transition:filter .2s,transform .2s}
.mgr-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.mgr-direct{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  min-width:136px;height:46px;padding:0 26px;border-radius:8px;text-decoration:none;white-space:nowrap;
  background:#eafaf1;border:1px solid #b6eccd;color:#0b8f37;font-size:15.5px;font-weight:700;
  transition:background .2s,border-color .2s}
.mgr-direct:hover{background:#ddf7e8;border-color:#8fdcb4}
@media (max-width:720px){
  .mgr-box{padding:26px 16px 18px;border-radius:12px}
  .mgr-ribbon{margin-left:-16px;padding-left:16px;font-size:12.5px}
  .mgr-card{flex-direction:column;align-items:stretch;gap:18px;padding:20px 18px}
  .mgr-card h3{font-size:18px}
  .mgr-primary,.mgr-direct{width:100%}
}