.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--color-white);padding:var(--spacing-xxl);border-radius:var(--radius-lg);width:100%;max-width:450px;position:relative;box-shadow:var(--shadow-hero);animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:2rem;color:var(--color-text-light);cursor:pointer;line-height:1;transition:var(--transition-fast)}.modal-close:hover{color:var(--color-primary)}.modal-header{text-align:center;margin-bottom:var(--spacing-xl)}.modal-header h2{font-family:var(--font-family-heading);color:var(--color-primary);font-size:2rem;margin-bottom:var(--spacing-xs)}.modal-header p{color:var(--color-text-light);font-size:1.1rem}.modal-body{width:100%}.modal-body .auth-form,.modal-body .auth-form form{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-body .auth-form input{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-main);font-size:1rem;transition:var(--transition-fast)}.modal-body .auth-form input:focus{outline:none;border-color:var(--color-secondary)}.modal-body .auth-form label{display:block;margin-bottom:var(--spacing-xs);font-weight:700;font-size:var(--font-size-min);color:var(--color-text)}.modal-body .auth-form .auth-form__error{color:var(--color-error);font-size:var(--font-size-min)}.modal-body .auth-form .button{width:100%;padding:var(--spacing-md);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:800;font-size:1.1rem;cursor:pointer;transition:var(--transition-fast);margin-top:var(--spacing-md)}.modal-body .auth-form .button:hover{background-color:var(--color-primary-hover);transform:scale(1.02)}.modal-body .auth-form .mb-4{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.modal-body .auth-form button[type=button]{background:none;border:none;font-family:var(--font-family-main);font-size:1.1rem;cursor:pointer;color:var(--color-text-light);padding-bottom:var(--spacing-xs);border-bottom:2px solid transparent;transition:var(--transition-fast)}.modal-body .auth-form button[type=button].font-bold{color:var(--color-primary);font-weight:800;border-bottom-color:var(--color-primary)}