.modal-container{-webkit-backdrop-filter:blur(6px);z-index:999999;box-sizing:border-box;background:#0b11208c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;font-family:Inter,sans-serif;animation:.25s modalOverlayIn;display:flex;position:fixed;top:0;left:0}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-container .modal{background:#fff;border:1px solid #0f172a0f;border-radius:22px;flex-direction:column;width:640px;max-width:100%;padding:34px;animation:.28s cubic-bezier(.16,1,.3,1) modalIn;display:flex;position:relative;overflow:visible;box-shadow:0 24px 70px #0b112059,0 2px 10px #0b11201f}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-container .modal .close-modal{cursor:pointer;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.modal-container .modal .close-modal svg{fill:#64748b;width:18px;height:18px;transition:fill .2s}.modal-container .modal .close-modal:hover{background:#ff6f61}.modal-container .modal .close-modal:hover svg{fill:#fff}.modal-container .modal .modal-head{text-align:center;flex-direction:column;align-items:center;display:flex}.modal-container .modal .modal-head .icon-placeholder{color:#1b1a37;background:#ff6f611a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:32px;display:flex}.modal-container .modal .modal-head .title h2{color:#1b2559;letter-spacing:-.01em;margin-bottom:6px;font-size:22px;font-weight:700}.modal-container .modal .modal-head .title p{color:#64748b;font-size:15px;font-weight:400;line-height:1.5}.section-title{text-align:center;font-family:var(--font-family-title);justify-content:center;align-items:center;width:100%;margin-bottom:15px;padding:0 1rem;display:flex}.section-title h1{background:linear-gradient(270deg,#ff6f61 0%,#fff 100%);-webkit-text-fill-color:transparent;word-wrap:break-word;overflow-wrap:break-word;-webkit-background-clip:text;font-weight:700;font-size:clamp(40px,3vw,60px)!important}@media (max-width:768px){.section-title h1{font-size:36px}}@media (min-width:769px) and (max-width:1024px){.section-title h1{font-size:52px}}.modal-container .modal .contentModal{flex-direction:column;width:100%;display:flex}.modal-container .modal .contentModal .message{color:#475569;text-align:center;background-color:#f8fafc;border:1px solid #eef1f6;border-radius:12px;margin-top:20px;padding:14px 16px;font-size:14px}.modal-container .modal .contentModal textarea,.modal-container .modal .contentModal input[type=text],.modal-container .modal .contentModal input[type=color],.modal-container .modal .contentModal .input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;margin-top:15px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.modal-container .modal .contentModal textarea{resize:vertical;height:120px}.modal-container .modal .contentModal input[type=text]::placeholder,.modal-container .modal .contentModal textarea::placeholder{color:#94a3b8;font-size:14px}.modal-container .modal .contentModal textarea:focus,.modal-container .modal .contentModal input[type=text]:focus,.modal-container .modal .contentModal input[type=color]:focus,.modal-container .modal .contentModal .input:focus{background:#fff;border-color:#ff6f61;outline:none;box-shadow:0 0 0 3px #ff6f6126}.modal-container .modal .contentModal textarea:hover,.modal-container .modal .contentModal input[type=text]:hover,.modal-container .modal .contentModal input[type=color]:hover{border-color:#cbd5e1}.modal-container .modal .button{padding:12px 20px;font-weight:500;transition:filter .2s,transform .12s;border-radius:12px!important}.modal-container .modal .button:hover{filter:brightness(1.05)}.modal-container .modal .button:active{transform:scale(.98)}.color-popup-wrapper{display:inline-block;position:relative}.color-button{cursor:pointer;border:none;border-radius:50%;width:30px;height:30px}.color-popup{background:#fff;border-radius:8px;gap:6px;padding:6px;position:absolute;top:40px;left:0;box-shadow:0 2px 8px #0003}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px}.color-option.selected{border-color:#000}.modal-container .modal .contentModal .color-picker{align-items:center;gap:10px;margin-top:15px;display:flex}.modal-container .modal .contentModal .color-picker label{color:#94a3b8;font-size:14px}@media (max-width:768px){.modal-container .modal{width:100%;max-height:88vh;padding:24px;overflow-y:auto}.modal-container .modal .modal-head .title h2{font-size:19px}.modal-container .modal .modal-head .title p{font-size:14px}.modal-container .modal .contentModal textarea{height:100px}}