.modal-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-primary);border-radius:var(--r-content) var(--r-content) 0 0;width:100%;max-width:600px;padding:var(--space-6);animation:.3s slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-body{gap:var(--space-4);margin-bottom:var(--space-6);align-items:flex-start;display:flex}.modal-icon-container{flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.modal-icon-container img{object-fit:contain;width:100%;height:100%}.modal-text{flex:1}.modal-title{color:var(--color-text-primary);margin:0 0 var(--space-2) 0;font-size:20px;font-weight:700;line-height:1.3}.modal-description{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.5}.modal-close-button{width:100%;padding:var(--space-3);background:var(--color-brand);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-base) ease;border:none;font-size:16px;font-weight:600}.modal-close-button:hover{background:#f1144fe6;transform:translateY(-1px)}.modal-close-button:active{transform:translateY(0)}@media (min-width:768px){.modal-overlay{align-items:center}.modal-content{border-radius:var(--r-content);max-width:500px}}