.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-4)}.modal{position:relative;background:var(--color-background-secondary);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow-y:auto}.modal__close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast);z-index:1}.modal__close:focus,.modal__close:hover{background:hsla(0,0%,100%,.1);color:var(--color-text-primary)}.modal__close:focus{outline:none}.auth-modal{width:100%;max-width:550px}.auth-modal__content{padding:var(--spacing-12);margin:0 var(--spacing-8)}.auth-modal__logo{display:flex;justify-content:center;margin-bottom:var(--spacing-6)}.auth-modal__logo-image{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.auth-modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.auth-modal__subtitle,.auth-modal__title{text-align:center;margin-bottom:var(--spacing-8)}.auth-modal__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-modal__form{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-6);width:85%;margin-left:auto;margin-right:auto}.auth-modal__field{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.auth-modal__field:last-child{margin-bottom:0}.auth-modal__label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.auth-modal__input{padding:var(--spacing-4);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);width:100%}.auth-modal__input::-moz-placeholder{color:var(--color-text-muted)}.auth-modal__input::placeholder{color:var(--color-text-muted)}.auth-modal__input:-webkit-autofill,.auth-modal__input:-webkit-autofill:active,.auth-modal__input:-webkit-autofill:focus,.auth-modal__input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px hsla(0,0%,100%,.05)!important;-webkit-text-fill-color:var(--color-text-primary)!important;background-color:hsla(0,0%,100%,.05)!important;border:1px solid hsla(0,0%,100%,.1)!important;caret-color:var(--color-text-primary)!important}.auth-modal__input:-webkit-autofill:focus{outline:none!important;border-color:var(--color-primary)!important;background:hsla(0,0%,100%,.08)!important}.auth-modal__input:-moz-autofill,.auth-modal__input:-moz-autofill:focus{background-color:hsla(0,0%,100%,.05)!important;color:var(--color-text-primary)!important;border:1px solid hsla(0,0%,100%,.1)!important;caret-color:var(--color-text-primary)!important}.auth-modal__input:-moz-autofill:focus{outline:none!important;border-color:var(--color-primary)!important;background:hsla(0,0%,100%,.08)!important}.auth-modal__input:focus{outline:none;border-color:var(--color-primary);background:hsla(0,0%,100%,.08)}.auth-modal__input--error{border-color:#ef4444;background:rgba(239,68,68,.1)}.auth-modal__error{color:#ef4444;font-size:var(--font-size-xs);margin-top:var(--spacing-1)}.auth-modal__password-field{position:relative}.auth-modal__password-toggle{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);transition:color var(--transition-fast)}.auth-modal__password-toggle:hover{color:var(--color-text-secondary)}.auth-modal__password-toggle:focus{outline:none;color:var(--color-text-secondary)}.auth-modal__submit{margin-top:var(--spacing-2);width:100%}.auth-modal__divider{position:relative;text-align:center;margin:var(--spacing-6) 0;width:85%;margin-left:auto;margin-right:auto}.auth-modal__divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:hsla(0,0%,100%,.1)}.auth-modal__divider-text{background:var(--color-background-secondary);color:var(--color-text-muted);padding:0 var(--spacing-4);font-size:var(--font-size-xs);position:relative}.auth-modal__google-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);width:85%;margin-left:auto;margin-right:auto}.auth-modal__google-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.auth-modal__links{text-align:center;margin-bottom:var(--spacing-6)}.auth-modal__link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-xs);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.auth-modal__link:hover{color:var(--color-primary-light)}.auth-modal__footer{text-align:center;border-top:1px solid hsla(0,0%,100%,.1);padding-top:var(--spacing-6)}.auth-modal__footer-text{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-4)}.auth-modal__fieldset{border:none;margin:0;padding:0;margin-bottom:var(--spacing-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-modal__back-btn{margin-bottom:var(--spacing-4);padding:var(--spacing-1);transition:color var(--transition-fast)}.auth-modal__back-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.auth-modal__resend{margin-top:var(--spacing-4)}.auth-modal__resend-btn,.auth-modal__resend-text{font-size:var(--font-size-sm)}.auth-modal__resend-btn{text-decoration:underline}.auth-modal__resend-btn:disabled{color:var(--color-text-muted);cursor:not-allowed}.auth-modal__resend-timer{font-size:var(--font-size-sm)}.auth-modal__success-icon{margin-bottom:var(--spacing-6);display:flex;justify-content:center}.auth-modal__terms{font-size:var(--font-size-xs);line-height:1.4}.auth-modal__terms-link:hover{text-decoration:underline}.auth-modal__switch-link{color:var(--color-primary);text-decoration:none;background:none;border:none;cursor:pointer;font-size:var(--font-size-xs);transition:color var(--transition-fast)}.auth-modal__switch-link:hover{color:var(--color-primary-light)}.auth-modal__terms{color:var(--color-text-muted);font-size:10px;line-height:1.5;margin-top:var(--spacing-4)}.auth-modal__terms-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.auth-modal__terms-link:hover{color:var(--color-primary-light)}.auth-modal__back-btn{display:flex;align-items:center;gap:var(--spacing-2);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-modal__back-btn:hover{background:hsla(0,0%,100%,.05);color:var(--color-text-primary)}.auth-modal__resend{text-align:center;margin-top:var(--spacing-6)}.auth-modal__resend-text{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.auth-modal__resend-btn{color:var(--color-primary);background:none;border:none;cursor:pointer;font-size:var(--font-size-xs);transition:color var(--transition-fast)}.auth-modal__resend-btn:hover{color:var(--color-primary-light)}.auth-modal__resend-timer{color:var(--color-text-muted);font-size:var(--font-size-xs)}.auth-modal__success{text-align:center;padding:var(--spacing-8) 0}.auth-modal__success-icon{margin:0 auto var(--spacing-6);animation:scale-in .5s ease-out}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:767px){.auth-modal__content{padding:var(--spacing-8) var(--spacing-6);margin:0 var(--spacing-4)}.auth-modal__title{font-size:var(--font-size-xl)}.auth-modal__divider,.auth-modal__form,.auth-modal__google-btn{width:90%}}