.ag{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:16px;background:rgba(12,14,15,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:agIn .35s ease both}
.ag[hidden]{display:none}
@keyframes agIn{from{opacity:0}}
.ag-box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:var(--ink);box-shadow:0 40px 90px rgba(3,4,4,.45);animation:agUp .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes agUp{from{opacity:0;transform:translateY(24px)}}
.ag-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;background:var(--deep);color:#fff;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}
.ag-logo{display:flex;align-items:center;gap:8px;font-family:var(--body);font-size:19px;letter-spacing:.04em}
.ag-logo svg{width:26px;height:26px}
.ag-logo b{font-weight:700}
.ag-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(124,203,79,.45);padding:3px 8px;white-space:nowrap}
.ag-in{padding:30px 28px 28px}
.ag-in h2{font-family:var(--head);font-weight:700;font-size:34px;line-height:1;text-transform:uppercase;color:var(--navy)}
.ag-in h2 em{font-style:normal;color:var(--cyan)}
.ag-main>p,.ag-deny>p{margin-top:12px;font-size:14.5px;line-height:1.65;color:#3F4442}
.ag-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.ag-list label{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid var(--grey);font-size:14px;line-height:1.5;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.ag-list label:hover{border-color:var(--slate)}
.ag-list label:has(input:checked){border-color:var(--navy);background:var(--soft)}
.ag-list input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--slate);border-radius:3px;display:grid;place-items:center;cursor:pointer;transition:all .2s}
.ag-list input:checked{background:var(--navy);border-color:var(--navy)}
.ag-list input:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.ag-list input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.ag-btns{display:flex;gap:10px;margin-top:22px}
.ag-btns button{flex:1;height:50px;font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--navy);cursor:pointer;transition:all .2s}
.ag-ok{background:var(--navy);color:#fff}
.ag-ok:not(:disabled):hover{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}
.ag-ok:disabled{opacity:.35;cursor:not-allowed}
.ag-no{background:#fff;color:var(--navy)}
.ag-no:hover{background:var(--soft)}
.ag-fine{margin-top:16px;font-size:12px;line-height:1.6;color:var(--slate)}
.ag-fine a{color:var(--navy-2);text-decoration:underline;text-underline-offset:2px}
.ag-deny{display:none;text-align:center;padding:20px 0 6px}
.ag-deny h2{font-size:30px}
.ag-box.denied .ag-main{display:none}
.ag-box.denied .ag-deny{display:block}
.ag-lock{overflow:hidden}
@media (max-width:480px){.ag-in{padding:24px 18px 20px}.ag-top{padding:14px 18px}.ag-in h2{font-size:28px}.ag-btns{flex-direction:column-reverse}.ag-btns button{flex:none}}
@media (prefers-reduced-motion:reduce){.ag,.ag-box{animation:none}}
