.modal__overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__dialog{background:#fff;border-radius:12px;width:calc(100% - 2rem);max-width:520px;padding:24px;position:relative;box-shadow:0 0 100px #000c}.modal__shapes{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;margin-bottom:16px;display:grid}.modal__shapes img,.modal__shapes svg{aspect-ratio:1;width:100%;height:auto;display:block}.modal__shape--1{--fill-0:#ee4a3c}.modal__shape--2{--fill-0:#48cfd1}.modal__shape--3{--fill-0:#fbc80b}.modal__title{margin:0 0 8px;font-size:1.5rem;line-height:1.2}.modal__text{color:#333;margin:0 0 16px}.modal__form{flex-direction:column;gap:8px;display:flex}.modal__input{border:1px solid #d4d4d8;border-radius:8px;flex:auto;padding:12px 14px;font-size:1rem}.modal__textarea{resize:vertical;border:1px solid #d4d4d8;border-radius:8px;width:100%;min-height:96px;padding:12px 14px;font-size:1rem}.modal__submit{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:8px;padding:12px 16px;font-size:1rem}.modal__submit[disabled]{opacity:.6;cursor:default}.modal__close{cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:8px;right:10px}.modal__success{text-align:center}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}