.popup-container{background-color:#ffffff;padding:30px 40px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.1);width:100%;max-width:500px;margin:0 auto;position:relative;animation:fadeIn .5s ease-in-out}.popup-title{font-size:20px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.popup-element{margin-bottom:20px;position:relative}.popup-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#888;font-size:16px}.popup-input,.popup-textarea{width:100%;padding:12px 15px 12px 40px;border:1px solid #ccc;border-radius:5px;outline:none;font-size:14px;transition:border-color .3s ease}.popup-input:focus,.popup-textarea:focus{border-color:#ff0000;box-shadow:0 0 5px rgba(0,123,255,.3)}.popup-textarea{resize:none;height:100px}.popup-btn{width:100px;padding:12px;background-color:#ff0000;color:#ffffff;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.popup-btn:hover{background-color:#ff2c2c}.popup-btn:disabled{background-color:#ccc;cursor:not-allowed}.popup-submit{text-align:center;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.popup-container{padding:20px}.popup-title{font-size:18px}.popup-btn{font-size:14px}}.popup-close-btn{position:absolute;top:14px;right:14px;background:none;border:none;font-size:24px;cursor:pointer;color:#000000;border-radius:70%}.popup-message{color:#fff;padding:10px;border-radius:10px;margin-bottom:10px;text-align:center;font-weight:700}.popup-message.error{background-color:#d9534f}.popup-message.success{background-color:#5cb85c}