.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:transparent;z-index:1000;backdrop-filter:blur(10px)}.modal-content,.modal-overlay{display:flex;justify-content:center;align-items:center;animation:fadeIn 1s ease-out}.modal-content{background:#030b2a93;padding:30px 20px;border-radius:8px;text-align:center;z-index:1001;box-shadow:10px 10px 30px rgba(0,0,0,.3);color:antiquewhite}.fade-out{animation:fadeOut 3s ease-out 2s forwards}.succes-animation{animation:succes-pulse 2s infinite}@keyframes succes-pulse{0%{box-shadow:0 0 30px 20px rgba(75,181,67,.2)}20%{box-shadow:0 0 30px 20px rgba(75,181,67,.4)}50%{box-shadow:0 0 30px 20px rgba(75,181,67,.6)}75%{box-shadow:0 0 30px 20px rgba(75,181,67,.8)}to{box-shadow:0 0 30px 20px rgba(75,181,67,1)}}.warning-animation{animation:warning-pulse 2s infinite}@keyframes warning-pulse{0%{box-shadow:0 0 30px 20px rgba(194,64,55,.2)}20%{box-shadow:0 0 30px 20px rgba(194,64,55,.4)}50%{box-shadow:0 0 30px 20px rgba(194,64,55,.6)}75%{box-shadow:0 0 30px 20px rgba(194,64,55,.8)}to{box-shadow:0 0 30px 20px rgba(194,64,55,1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@media (max-width:320px){.modal-content{width:60%;padding:15px;font-size:10px}}@media (max-width:430px){.modal-content{width:80%;padding:20px;font-size:16px}}