.agreement-dialog {
  box-sizing: border-box;
  width: min(360px, calc(100vw - 40px));
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 18px;
  color: #122e4c;
  background: #fff;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .22);
}
.agreement-dialog::backdrop { background: rgba(0, 0, 0, .58); }
.agreement-dialog-surface { padding: 24px 20px 20px; }
.agreement-dialog h2 { margin: 0 0 10px; color: #122e4c; font-size: 16px; font-weight: 500; line-height: 1.5; text-align: center; }
.agreement-dialog p { margin: 0; color: #788696; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.agreement-dialog a { color: #174d87; text-decoration: none; }
.agreement-dialog a:hover { text-decoration: underline; }
.agreement-dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.agreement-dialog-actions button { min-height: 42px; padding: 8px 12px; border: 1px solid #ff8400; border-radius: 24px; font: inherit; font-size: 15px; line-height: 1.4; cursor: pointer; }
.agreement-dialog-decline { color: #f47700; background: #fff; }
.agreement-dialog-decline:hover { background: #fff7ee; }
.agreement-dialog-accept { color: #fff; background: linear-gradient(110deg, #ff9900, #ff6800); }
.agreement-dialog-accept:hover { background: linear-gradient(110deg, #fa8e00, #f65f00); }
.agreement-dialog-actions button:focus-visible, .agreement-dialog a:focus-visible { outline: 3px solid #286ec7; outline-offset: 3px; }