.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.88);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal-container{position:relative;width:100%;max-width:1000px;max-height:90vh;background-color:var(--color-surface-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.auth-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:36px;height:36px;background-color:var(--color-surface-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .15s ease}.auth-modal-close:hover{background-color:rgba(255,255,255,.2)}.auth-modal-close:active{opacity:.85}.auth-modal-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.auth-modal-content{overflow-y:auto;max-height:90vh;padding:0}.auth-modal-content .login-container{min-height:auto}.auth-modal-content .login-card{box-shadow:none;background:transparent;border:none}@media (max-width:768px){.auth-modal-overlay{padding:1rem}.auth-modal-container{max-width:920px;max-height:90vh;border-radius:var(--radius-xl)}.auth-modal-content .login-container{padding:1rem .75rem}}@media (max-width:640px){.auth-modal-overlay{padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px));display:flex}.auth-modal-container{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.auth-modal-content .login-container{padding:1.25rem clamp(1rem,4vw,1.25rem) 1.5rem}}@media (max-width:480px){.auth-modal-content .login-container{padding:1rem clamp(.875rem,3.5vw,1.125rem) 1.25rem}}