.popup-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-container{background-color:var(--base-450);border-radius:.5rem;width:100%;max-width:800px;max-height:90vh;animation:.3s slideUp;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-close{color:var(--base-300);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:2rem;transition:color .2s;display:flex;position:absolute;top:1rem;right:1rem}.popup-close:hover{color:var(--base-100)}.popup-content{display:flex}.popup-image{flex:1;min-height:400px;position:relative}.popup-image img{object-fit:cover;opacity:.85;width:100%;height:100%}.popup-image-overlay{background:linear-gradient(#0000,#000c);padding:2rem;position:absolute;bottom:0;left:0;right:0}.popup-image-overlay h3{color:var(--base-100);font-size:1.5rem;font-weight:600}.popup-form-section{background-color:var(--base-450);flex-direction:column;flex:1;justify-content:center;padding:3rem 2rem;display:flex}.popup-heading{color:var(--base-100);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.popup-title{color:var(--base-300);margin-bottom:2rem;font-size:1rem}.popup-input-group{margin-bottom:1rem}.popup-input-group input{border:1px solid var(--base-400);background-color:var(--base-500);width:100%;color:var(--base-100);border-radius:.25rem;padding:1rem;font-size:1rem;transition:border-color .2s}.popup-input-group input:focus{border-color:var(--base-200);outline:none}.popup-input-group input::placeholder{color:var(--base-300)}.popup-submit{background-color:var(--base-100);width:100%;color:var(--base-500);letter-spacing:.1em;cursor:pointer;border:none;border-radius:.25rem;padding:1rem;font-size:1rem;font-weight:600;transition:background-color .2s}.popup-submit:hover{background-color:var(--base-200)}.popup-submit:disabled{opacity:.7;cursor:not-allowed}.input-error{border-color:#e74c3c!important}.popup-error{color:#e74c3c;margin-top:.25rem;font-size:.75rem;display:block}.popup-error-submit{text-align:center;margin-bottom:1rem}@media (max-width:768px){.popup-content{flex-direction:column}.popup-image{min-height:200px;max-height:250px}.popup-form-section{padding:2rem 1.5rem}.popup-title{margin-bottom:1.5rem;font-size:1.1rem}}