.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.popup-overlay:focus{outline:none}.popup{background:#fff;border-radius:12px;padding:32px;max-width:400px;width:90%;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.2);animation:slideUp .3s ease-out}.popup__img{width:7.8rem;margin-bottom:3.2rem}.popup__content{text-align:center;position:relative}.popup__title{font-size:24px;font-weight:600;color:#000;margin-bottom:16px;line-height:1.3}.popup__message{font-size:16px;color:#333;line-height:1.5;margin:0}.popup__close-button{position:absolute;top:-10px;right:-10px;background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.popup__close-button:hover{background:#e0e0e0;transform:scale(1.1)}.popup__close-button:focus{outline:2px solid #007bff;outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.popup{padding:24px 20px;margin:20px}.popup__title{font-size:20px;margin-bottom:12px}.popup__message{font-size:14px}.popup__close-button{top:-8px;right:-8px;width:26px;height:26px;font-size:18px}}@media(prefers-color-scheme:dark){.popup{background:#1a1a1a}.popup,.popup__title{color:#fff}.popup__message{color:#ccc}.popup__close-button{background:#333;color:#fff}.popup__close-button:hover{background:#444}}