.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}.modal{background:#FAFAF5;padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:400px;width:90%;transform:scale(.9);animation:scaleUp .3s ease-out forwards}.icon{font-size:2rem;margin-bottom:1rem}.modal h3{margin-bottom:.5rem;color:#7D825A}.small-text{font-size:.9rem;margin-bottom:1.5rem;color:#555}.modal-buttons{display:flex;justify-content:space-between;gap:1rem}.btn-primary,.btn-secondary{padding:.6rem 1.2rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:700;transition:background-color .2s ease}.btn-primary{background-color:#73334A;color:#fff}.btn-secondary{background-color:#CBC0B1;color:#333}.btn-primary:hover{background-color:#BD8355}.btn-secondary:hover{background-color:#AF9477}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleDown{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.fade-in{animation:fadeIn .3s ease forwards}.fade-out{animation:fadeOut .3s ease forwards}.scale-up{animation:scaleUp .3s ease forwards}.scale-down{animation:scaleDown .3s ease forwards}