.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{max-width:500px;width:90%;margin:1.75rem auto}.modal-content{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden;font-family:"Fivo Sans",sans-serif}.modal-header{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;background:var(--primary-color)}.close,.modal-title{color:var(--background-color)}.modal-title{margin:0;font-family:"Saint Regus",serif;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.close{background:0 0;border:0;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.close:hover{background-color:var(--secondary-color);transform:rotate(90deg)}.close:focus{outline:0}.close span{display:block}.modal-body{padding:2rem;font-family:"Fivo Sans",sans-serif;font-size:1rem;line-height:1.6;color:#333}.modal-footer{padding:1rem 2rem;display:flex;justify-content:flex-end;gap:.75rem}@media (max-width:576px){.modal-dialog{width:95%;margin:1rem auto}.modal-header{padding:1.25rem 1.5rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem}}