.agreement-gate{box-sizing:border-box;width:min(860px,calc(100vw - 32px));max-width:100vw;height:min(900px,calc(100dvh - 32px));max-height:calc(100dvh - 16px);padding:0;border:1px solid #63707c;border-radius:18px;background:#242a30;color:#f2f4f7;overflow:hidden;margin:auto}
.agreement-gate[open]{display:flex;flex-direction:column}.agreement-gate::backdrop{background:rgb(9 13 17 / .88)}
.agreement-gate header,.agreement-gate footer{flex:none;padding:20px 24px;background:#2b3239}.agreement-gate h1{font-size:clamp(22px,4vw,30px);line-height:1.2;margin:0 0 10px}.agreement-gate p{margin:8px 0;line-height:1.6}.agreement-gate .agreement-identity{font-size:13px;overflow-wrap:anywhere;color:#c7d2dc}
.agreement-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;scrollbar-gutter:stable;overflow-wrap:anywhere;line-height:1.6}.agreement-scroll section{margin-bottom:26px}.agreement-scroll h2{font-size:18px;line-height:1.4;margin:0 0 10px}.agreement-scroll p{font-size:15px}.agreement-scroll:focus-visible{outline:2px solid #a6d4c0;outline-offset:-3px}
.agreement-check{display:flex;align-items:flex-start;gap:12px;padding:18px 0;font-weight:600}.agreement-check input{flex:none;width:22px;height:22px;margin:2px 0;accent-color:#a6d4c0}.agreement-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.agreement-actions button,.agreement-actions a{font:inherit;font-size:14px;min-height:44px;padding:10px 16px;border:1px solid #8895a1;border-radius:10px;color:#f2f4f7;background:#333d46;cursor:pointer;text-decoration:none}.agreement-actions .agreement-accept{background:#a6d4c0;color:#172b24;font-weight:700;margin-left:auto}.agreement-actions button:disabled{opacity:.45;cursor:not-allowed}.agreement-gate [role=alert]{color:#ffc0bd}.agreement-gate footer p{font-size:13px}.agreement-gate button:focus-visible,.agreement-gate a:focus-visible{outline:3px solid #eed38a;outline-offset:2px}
@media(max-width:560px){.agreement-gate{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.agreement-gate header,.agreement-gate footer{padding:12px 16px}.agreement-scroll{padding:16px}.agreement-actions{gap:8px}.agreement-actions .agreement-accept{margin-left:0;flex:1}.agreement-gate footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}