.login-modal-mask{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.login-modal-content{background-color:#fff;border-radius:8px;width:400px;padding:2rem;position:relative}.login-modal-close{position:absolute;right:1rem;top:1rem;cursor:pointer;font-size:1.5rem;color:#666;transition:color .2s}.login-modal-close:hover{color:#333}.login-modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.login-modal-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.login-modal-tabs button{flex:1;padding:.5rem;border-radius:.5rem;transition:all .2s}.login-modal-tabs button.active{background-color:#e10000;color:#fff}.login-modal-tabs button:not(.active){background-color:#f3f4f6;color:#4b5563}.login-modal-tabs button:not(.active):hover{background-color:#e5e7eb}.login-modal-input{width:100%;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem}.login-modal-input:focus{outline:none;border-color:#e10000}.login-modal-code-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:#e10000;cursor:pointer}.login-modal-code-button:disabled{color:#9ca3af;cursor:not-allowed}.login-modal-agreement{display:flex;align-items:center;margin-top:1rem;font-size:.875rem;color:#4b5563}.login-modal-agreement input[type=checkbox]{margin-right:.5rem}.login-modal-agreement a{color:#e10000;text-decoration:none}.login-modal-agreement a:hover{text-decoration:underline}.login-modal-submit{width:100%;padding:.75rem;margin-top:1.5rem;background-color:#e10000;color:#fff;border-radius:.5rem;transition:background-color .2s}.login-modal-submit:hover{background-color:#c00}.login-modal-submit:disabled{background-color:#fca5a5;cursor:not-allowed}