.beta-modal{position:fixed;inset:0;display:block;z-index:10000}
.beta-modal[hidden]{display:none}
.beta-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(2px)}
.beta-dialog{position:relative;z-index:1;max-width:640px;margin:8vh auto;background:#0d1320;border:1px solid #2b3150;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}
.beta-hero{height:180px;background-image:url('../images/grid_5x10_blueblack_thick6_1080x1920.png');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.beta-logo{height:64px;opacity:.95;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.beta-body{padding:18px 20px;color:#e6efff;line-height:1.6}
.beta-body h2{margin:0 0 8px 0;color:#9ecbff;font-size:1.35rem}
.beta-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 20px 18px 20px}
.beta-ok{appearance:none;background:#1f7aec;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px rgba(31,122,236,.35)}
.beta-ok:hover{transform:translateY(-1px)}
.beta-close{position:absolute;top:8px;right:10px;appearance:none;background:transparent;border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;opacity:.6}
.beta-close:hover{opacity:1}
@media (max-width: 640px){
  .beta-dialog{margin:5vh 16px}
  .beta-hero{height:140px}
}