.web-push-modal{color:#edf5ff;background:linear-gradient(135deg,#142e54,#07182e 80%);border:1px solid #315b85;border-radius:12px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;font-family:Poppins,sans-serif;overflow-y:auto;box-shadow:0 24px 75px #0009}.web-push-modal::backdrop{background:#000a}.web-push-modal>header{border-bottom:1px solid #2a4668;align-items:center;gap:12px;padding:20px;display:flex}.web-push-modal h2{margin:0;font-size:18px;font-weight:600}.web-push-symbol{background:#214770;border:1px solid #396493;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.web-push-modal .web-push-close{background:0 0;border:0;border-radius:5px;place-items:center;margin-left:auto;padding:5px;display:grid}.web-push-content{padding:20px}.web-push-content>p{color:#9ab5d4;margin:0 0 20px;font-size:12px;line-height:1.8}.web-push-modal form{gap:18px;display:grid}.web-push-modal label{color:#c4d6ec;gap:8px;font-size:12px;font-weight:500;display:grid}.web-push-modal input,.web-push-modal textarea{box-sizing:border-box;color:#edf5ff;width:100%;font:inherit;background:#061427;border:1px solid #365578;border-radius:6px;padding:12px;font-size:13px}.web-push-modal textarea{resize:vertical;min-height:130px}.web-push-modal input::placeholder,.web-push-modal textarea::placeholder{color:#7795b6}.web-push-modal button{color:#e3f0ff;font:inherit;cursor:pointer;background:#173353;border:1px solid #365d88;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.web-push-modal button:hover{background:#22496f}.web-push-modal button:disabled,.web-push-modal input:disabled,.web-push-modal textarea:disabled{opacity:.45;cursor:default}.web-push-buttons{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.web-push-modal .web-push-send,.web-push-success button{background:#155ae7;border-color:#347bff}.web-push-modal .web-push-send:hover{background:#256cf0}.web-push-modal button:focus-visible,.web-push-modal a:focus-visible,.web-push-modal input:focus-visible,.web-push-modal textarea:focus-visible{outline-offset:3px;outline:2px solid #67bfff}.web-push-content .web-push-notice{color:#edd39d;background:#342b1d;border:1px solid #76613a;border-radius:6px;padding:12px}.web-push-notice a{color:#e2f2ff;text-underline-offset:3px}.web-push-error{color:#ffc6d7;background:#3b2031;border:1px solid #80516c;border-radius:6px;margin:0;padding:12px;font-size:12px;line-height:1.7}.web-push-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:15px 0;display:flex}.web-push-success h3{margin:0;font-size:20px}.web-push-success p{color:#b9d0eb;margin:0;font-size:12px;line-height:1.8}@media (width<=480px){.web-push-modal>header{gap:8px;padding:16px}.web-push-modal h2{font-size:16px}.web-push-content{padding:16px}.web-push-buttons{flex-wrap:wrap}}