#pagate-modal{position:fixed;inset:0;z-index:999999;display:none}
#pagate-modal.is-open{display:block}
.pagate-overlay{position:absolute;inset:0;background:rgba(5,10,18,.8);backdrop-filter:saturate(120%) blur(3px)}
.pagate-dialog{position:relative;max-width:560px;margin:8vh auto;background:linear-gradient(180deg,#101a2e,#0d172a);color:#e6ecf3;border:1px solid #1a2945;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.5);padding:22px}
.pagate-dialog h2{margin:0 0 10px 0;font:600 22px/1.2 system-ui,Segoe UI,Roboto,Helvetica,Arial}
.pagate-body{font:14px/1.6 system-ui,Segoe UI,Roboto,Helvetica,Arial}
.pagate-agreement{background:rgba(0,0,0,.25);padding:12px;border-radius:12px;margin:8px 0 14px 0;border:1px solid #1a2945}
.pagate-question{display:block;margin:10px 0 6px 0}
#pagate-answer{width:100%;padding:10px;border-radius:10px;border:1px solid #263a66;background:#0b1324;color:#e6ecf3}
.pagate-check{display:block;margin:12px 0}
.pagate-error{margin:8px 0 0 0;color:#ff8585}
.pagate-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.pagate-btn{appearance:none;border:1px solid #00e0ff;background:linear-gradient(180deg,#00e0ff,#00c2ff);color:#041219;padding:10px 14px;border-radius:12px;font-weight:600;cursor:pointer}
.pagate-btn:active{transform:translateY(1px)}
.pagate-no-scroll{overflow:hidden}
@media (max-width:560px){
  .pagate-dialog{margin:5vh 14px;padding:18px}
}