.ytl-document-modal[hidden] { display: none; }
.ytl-document-modal { position: fixed; z-index: 100000; inset: 0; display: grid; place-items: center; padding: 24px; }
.ytl-document-modal__backdrop { position: absolute; inset: 0; background: rgba(15, 28, 41, .62); backdrop-filter: blur(3px); }
.ytl-document-modal__dialog { position: relative; width: min(100%, 720px); max-height: min(90vh, 860px); overflow: auto; border: 1px solid rgba(206, 222, 232, .9); border-radius: 14px; background: #fff; box-shadow: 0 28px 84px rgba(0, 28, 58, .26); }
.ytl-document-modal__content { padding: 38px; color: #0b3d6b; }
.ytl-document-modal__close { position: absolute; top: 12px; right: 16px; z-index: 1; border: 0; background: transparent; color: #294f70; font-size: 30px; line-height: 1; cursor: pointer; }
.ytl-document-modal h2 { margin: 0 36px 10px 0; color: #073b69; font-size: clamp(24px, 3vw, 34px); line-height: 1.2; }
.ytl-document-modal__intro { margin: 0 0 24px; color: #5c7288; line-height: 1.65; }
.ytl-document-modal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ytl-document-modal__field { display: grid; gap: 7px; color: #0b3d6b; font-size: 13px; font-weight: 800; }
.ytl-document-modal__field--full { grid-column: 1 / -1; }
.ytl-document-modal__field input, .ytl-document-modal__field select, .ytl-document-modal__field textarea { width: 100%; box-sizing: border-box; border: 1px solid #d4e2ec; border-radius: 7px; padding: 12px 13px; background: #fbfdff; color: #273e55; font: inherit; font-weight: 400; }
.ytl-document-modal__field textarea { min-height: 100px; resize: vertical; }
.ytl-document-modal details { margin-top: 18px; border-top: 1px solid #e4edf3; border-bottom: 1px solid #e4edf3; padding: 15px 0; }
.ytl-document-modal summary { cursor: pointer; color: #0b3d6b; font-weight: 800; }
.ytl-document-modal details .ytl-document-modal__grid { margin-top: 16px; }
.ytl-document-modal__privacy { display: flex; gap: 9px; align-items: flex-start; margin: 20px 0; color: #62768a; font-size: 13px; line-height: 1.55; }
.ytl-document-modal__privacy input { margin-top: 3px; accent-color: #2ca83f; }
.ytl-document-modal__privacy a { color: #198d34; text-decoration: underline; }
.ytl-document-modal__submit { display: inline-flex; width: 100%; min-height: 50px; align-items: center; justify-content: center; border: 0; border-radius: 7px; background: #2ca83f; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.ytl-document-modal__submit:disabled { cursor: wait; opacity: .65; }
.ytl-document-modal__status { margin: 14px 0 0; color: #176f2a; font-weight: 700; line-height: 1.5; }
.ytl-document-modal__status.is-error { color: #af2c2c; }
@media (max-width: 640px) { .ytl-document-modal { padding: 12px; } .ytl-document-modal__content { padding: 30px 20px 22px; } .ytl-document-modal__grid { grid-template-columns: 1fr; } .ytl-document-modal__field--full { grid-column: auto; } }